/* FutureTechForBusiness design alignment — Kitchen Snap demo */
:root{--brand-glow:rgba(29,180,255,.25)}
body{font-family:"Hanken Grotesk",system-ui,sans-serif}
h1,h2,h3,h4{font-family:"Bricolage Grotesque",serif;letter-spacing:-.02em}
::selection{background:#67dfff;color:#06101b}

/* === AUTO DARK THEME === */

/* base & common utilities */
body{background:#06101b}
.bg-white{background-color:#0b1625!important}
.bg-white\/95,.bg-white\/90,.bg-white\/80,.bg-white\/70,.bg-white\/60{background-color:rgba(11,22,37,.86)!important}
.text-black{color:#eef7ff!important}
.text-slate-900,.text-slate-800,.text-gray-900,.text-gray-800{color:#eef7ff!important}
.text-slate-700,.text-slate-600,.text-gray-700,.text-gray-600{color:#9fb4c8!important}
.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100{background-color:#0e1c2f!important}
.border-slate-200,.border-slate-300,.border-gray-200,.border-gray-300{border-color:rgba(159,214,255,.16)!important}
input,textarea,select{background-color:#0b1625!important;color:#eef7ff!important;border-color:rgba(159,214,255,.18)!important}
::placeholder{color:#6d8197!important}
.bg-\[\#102756\]{background-color:#67dfff!important;color:#06101b!important}
.bg-\[\#d6b98c\]{background-color:#0b1625!important}
.bg-\[\#d7e1f5\]{background-color:#0b1625!important}
.bg-\[\#eef2fb\]{background-color:#0e1c2f!important}
.bg-\[\#eef3ff\]{background-color:#0e1c2f!important}
.bg-\[\#f4f6fb\]{background-color:#0e1c2f!important}
.bg-\[\#f4f7ff\]{background-color:#0e1c2f!important}
.bg-\[\#f6f8ff\]{background-color:#0e1c2f!important}
.border-\[\#bad0ff\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#c8d5ef\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#c9d4ec\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#ced8ee\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#cfd9ef\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#d4dcef\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#d7e1f5\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#d8a3a3\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#d9e3f8\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#e0e7f6\]{border-color:rgba(159,214,255,.16)!important}
.border-\[\#e2e8f5\]{border-color:rgba(159,214,255,.16)!important}
.text-\[\#102756\]{color:#eef7ff!important}
.text-\[\#132e66\]{color:#eef7ff!important}
.text-\[\#234aab\]{color:#67dfff!important}
.text-\[\#2f3f66\]{color:#67dfff!important}
.text-\[\#4a5d88\]{color:#67dfff!important}
.text-\[\#5f719c\]{color:#67dfff!important}
.text-\[\#9d1f1f\]{color:#67dfff!important}
.hover\:bg-\[\#eef3ff\]:hover{background-color:#0e1c2f!important}
.hover\:bg-\[\#fff0f0\]:hover{background-color:#0e1c2f!important}

/* === FTB ADMIN PALETTE === */
/* surface (sedocerna) -> FTB navy */
.bg-surface-950{background-color:#06101b!important}
.bg-surface-900{background-color:#0b1625!important}
.bg-surface-800{background-color:#11253d!important}
.bg-surface-700{background-color:#16304d!important}
.bg-surface-500{background-color:#1a3a5c!important}
.bg-surface-200,.bg-surface-100,.bg-surface-50{background-color:#0e1c2f!important}
.hover\:bg-surface-800:hover{background-color:#16304d!important}
.hover\:bg-surface-700:hover{background-color:#1a3a5c!important}
.text-surface-50,.text-surface-100,.text-surface-200{color:#eef7ff!important}
.text-surface-300,.text-surface-400{color:#9fb4c8!important}
.text-surface-500,.text-surface-600{color:#6d8197!important}
.text-surface-700,.text-surface-800{color:#9fb4c8!important}
.border-surface-200,.border-surface-300,.border-surface-400{border-color:rgba(159,214,255,.16)!important}
.border-surface-500,.border-surface-600,.border-surface-700{border-color:rgba(159,214,255,.22)!important}
.divide-surface-100>:not([hidden])~:not([hidden]){border-color:rgba(159,214,255,.12)!important}
/* brand (indigo) -> FTB cyan */
.bg-brand-600,.bg-brand-500{background-color:#67dfff!important;color:#06101b!important}
.bg-brand-600 *,.bg-brand-500 *{color:#06101b!important}
.hover\:bg-brand-500:hover,.hover\:bg-brand-600:hover{background-color:#1db4ff!important;color:#06101b!important}
.bg-brand-400{background-color:#1db4ff!important;color:#06101b!important}
.bg-brand-900{background-color:rgba(103,223,255,.16)!important}
.bg-brand-100,.bg-brand-50{background-color:rgba(103,223,255,.14)!important}
.text-brand-100{color:#bfeeff!important}
.text-brand-300,.text-brand-400{color:#67dfff!important}
.text-brand-500,.text-brand-600,.text-brand-700{color:#1db4ff!important}
.hover\:text-brand-300:hover,.hover\:text-brand-200:hover{color:#67dfff!important}
.border-brand-300,.border-brand-400,.border-brand-500{border-color:rgba(103,223,255,.55)!important}
.hover\:border-brand-400:hover{border-color:#67dfff!important}
.ring-brand-400{--tw-ring-color:#67dfff!important}
/* drobnosti */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#11253d;border-radius:8px}
::-webkit-scrollbar-track{background:#06101b}
/* komponentove tridy + alpha varianty */
.btn-primary{background-color:#67dfff!important;color:#06101b!important;border-color:transparent!important}
.btn-primary:hover{background-color:#1db4ff!important;color:#06101b!important}
.bg-brand-500\/10{background-color:rgba(103,223,255,.1)!important}
.bg-brand-500\/20{background-color:rgba(103,223,255,.18)!important}
.border-brand-300\/30,.border-brand-400\/40{border-color:rgba(103,223,255,.38)!important}
.text-brand-200{color:#bfeeff!important}