@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{color-scheme:light;--color-app-bg: #f8fafc;--color-app-bg-subtle: #f1f5f9;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-surface-raised: #ffffff;--color-surface-overlay: rgba(255, 255, 255, .985);--color-navigation: rgba(255, 255, 255, .985);--color-dropdown: #ffffff;--color-card: #ffffff;--color-card-gradient: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--color-input-bg: #ffffff;--color-button-bg: #ffffff;--color-button-bg-hover: #f8fafc;--color-text: #0f172a;--color-text-strong: #020617;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #dbe3ef;--color-border-subtle: #e2e8f0;--color-border-strong: #cbd5e1;--color-focus: #2563eb;--shadow-surface: 0 10px 28px rgba(15, 23, 42, .055);--shadow-raised: 0 16px 36px rgba(15, 23, 42, .08);--shadow-menu: 0 18px 42px rgba(15, 23, 42, .16);--tone-info-bg: #eff6ff;--tone-info-bg-soft: #f0f7ff;--tone-info-border: #bfdbfe;--tone-info-text: #1d4ed8;--tone-success-bg: #f0fdf4;--tone-success-border: #bbf7d0;--tone-success-text: #166534;--tone-warning-bg: #fffbeb;--tone-warning-border: #fde68a;--tone-warning-text: #92400e;--tone-danger-bg: #fef2f2;--tone-danger-border: #fecaca;--tone-danger-text: #991b1b;--tone-neutral-bg: #f8fafc;--tone-neutral-border: #cbd5e1;--tone-neutral-text: #334155;--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: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--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: 222.2 84% 4.9%;--radius: .5rem}.dark{color-scheme:dark;--color-app-bg: #020617;--color-app-bg-subtle: #08111f;--color-surface: #0f172a;--color-surface-muted: #111827;--color-surface-raised: #172033;--color-surface-overlay: rgba(2, 6, 23, .985);--color-navigation: rgba(2, 6, 23, .985);--color-dropdown: #0f172a;--color-card: #0f172a;--color-card-gradient: linear-gradient(180deg, #111827 0%, #0f172a 100%);--color-input-bg: #111827;--color-button-bg: #111827;--color-button-bg-hover: #172033;--color-text: #e5eefb;--color-text-strong: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-inverse: #020617;--color-border: rgba(148, 163, 184, .28);--color-border-subtle: rgba(148, 163, 184, .2);--color-border-strong: rgba(148, 163, 184, .42);--color-focus: #38bdf8;--shadow-surface: 0 12px 30px rgba(0, 0, 0, .24);--shadow-raised: 0 18px 44px rgba(0, 0, 0, .32);--shadow-menu: 0 20px 54px rgba(0, 0, 0, .48);--tone-info-bg: rgba(14, 116, 144, .18);--tone-info-bg-soft: rgba(14, 116, 144, .12);--tone-info-border: rgba(56, 189, 248, .38);--tone-info-text: #bae6fd;--tone-success-bg: rgba(22, 101, 52, .2);--tone-success-border: rgba(74, 222, 128, .34);--tone-success-text: #bbf7d0;--tone-warning-bg: rgba(146, 64, 14, .2);--tone-warning-border: rgba(251, 191, 36, .36);--tone-warning-text: #fde68a;--tone-danger-bg: rgba(153, 27, 27, .22);--tone-danger-border: rgba(248, 113, 113, .36);--tone-danger-text: #fecaca;--tone-neutral-bg: rgba(148, 163, 184, .1);--tone-neutral-border: rgba(148, 163, 184, .28);--tone-neutral-text: #cbd5e1;--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--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: 212.7 26.8% 83.9%}}@layer base{*{border-color:hsl(var(--border))}body{background-color:var(--color-app-bg);color:var(--color-text)}}@layer components{.btn{@apply inline-flex items-center gap-2 px-4 py-2 rounded-lg font-medium transition-all duration-200 cursor-pointer;}.btn-primary{@apply bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-700 hover:to-pink-700 shadow-md hover:shadow-lg;}.btn-secondary{@apply bg-gray-100 text-gray-700 hover:bg-gray-200;}}