@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--brand-blue: #2c79be;--brand-blue-deep: #1f5f99;--brand-blue-soft: #eaf4fb;--brand-orange: #ff7417;--brand-orange-soft: #fff1e6;--brand-ink: #16324f;--ecommerce-ink: #16324f;--ecommerce-ink-soft: rgba(22, 50, 79, .68);--ecommerce-navy: #1f5f99;--ecommerce-slate: #58708b;--ecommerce-mist: #f6f9fc;--ecommerce-line: rgba(44, 121, 190, .14);--ecommerce-sand: #fff1e6;--ecommerce-sand-deep: #ffd0ac;--ecommerce-gold: #ff7417;--ecommerce-accent: #2c79be;--ecommerce-accent-soft: rgba(44, 121, 190, .08);--ecommerce-success: #1c6b4a;--ecommerce-danger: #9b3d35;--ecommerce-white: #ffffff;--app-gradient: radial-gradient(circle at top left, rgba(44, 121, 190, .16), transparent 30%), radial-gradient(circle at bottom right, rgba(255, 116, 23, .14), transparent 26%), linear-gradient(180deg, #ffffff 0%, #f6f9fc 48%, #fff7ed 100%);--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{--brand-blue-soft: #102033;--brand-orange-soft: #2a1708;--brand-ink: #e6edf7;--ecommerce-ink: #e6edf7;--ecommerce-ink-soft: rgba(226, 232, 240, .72);--ecommerce-navy: #60a5fa;--ecommerce-slate: #a8b3c7;--ecommerce-mist: #101c2e;--ecommerce-line: rgba(148, 163, 184, .2);--ecommerce-sand: #24170f;--ecommerce-sand-deep: #7c3a12;--ecommerce-gold: #fb923c;--ecommerce-accent: #38bdf8;--ecommerce-accent-soft: rgba(96, 165, 250, .12);--ecommerce-success: #34d399;--ecommerce-danger: #f87171;--ecommerce-white: #0f1b2d;--app-gradient: radial-gradient(circle at top left, rgba(96, 165, 250, .18), transparent 32%), radial-gradient(circle at bottom right, rgba(251, 146, 60, .13), transparent 28%), linear-gradient(180deg, #07111f 0%, #0f1b2d 52%, #111827 100%);--background: 214 64% 7%;--foreground: 210 40% 98%;--card: 216 39% 12%;--card-foreground: 210 40% 98%;--popover: 216 39% 12%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 84% 4.9%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 94.1%}}@layer base{*{@apply border-border;}body{@apply text-foreground;background:var(--app-gradient);background-attachment:fixed;background-color:hsl(var(--background))}#root{min-height:100vh;background:transparent}}@layer components{.dark .bg-white,.dark .bg-gray-50,.dark .bg-slate-50,.dark .bg-zinc-50,.dark .bg-neutral-50{background-color:hsl(var(--card))!important}.dark .bg-gray-100,.dark .bg-slate-100,.dark .bg-zinc-100,.dark .bg-neutral-100,.dark .bg-blue-50,.dark .bg-orange-50,.dark .bg-orange-100,.dark .bg-orange-200,.dark .bg-indigo-50{background-color:hsl(var(--muted))!important}.dark .bg-white\/20{background-color:#ffffff1a!important}.dark .text-black,.dark .text-gray-900,.dark .text-slate-900,.dark .text-gray-800,.dark .text-slate-800,.dark .text-gray-700,.dark .text-slate-700{color:hsl(var(--foreground))!important}.dark .text-gray-600,.dark .text-slate-600,.dark .text-gray-500,.dark .text-slate-500,.dark .text-gray-400,.dark .text-slate-400{color:hsl(var(--muted-foreground))!important}.dark .border-gray-100,.dark .border-gray-200,.dark .border-gray-300,.dark .border-slate-100,.dark .border-slate-200,.dark .border-slate-300,.dark .border-orange-200,.dark .border-blue-200{border-color:hsl(var(--border))!important}.dark .shadow-sm,.dark .shadow,.dark .shadow-md,.dark .shadow-lg,.dark .shadow-xl,.dark .shadow-2xl{--tw-shadow-color: rgb(0 0 0 / .35) !important}.dark input,.dark textarea,.dark select{background-color:hsl(var(--background));color:hsl(var(--foreground));border-color:hsl(var(--border))}.dark input::placeholder,.dark textarea::placeholder{color:hsl(var(--muted-foreground))}}