:root{--surface-primary:#fff;--surface-secondary:#fafafa;--surface-tertiary:#f4f4f5;--surface-elevated:#fff;--surface-overlay:#00000080;--text-primary:#09090b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--text-disabled:#d4d4d8;--text-inverse:#fff;--text-highlight:#fff;--border-default:#e4e4e7;--border-strong:#a1a1aa;--border-focus:#ff2d78;--border-error:#ef4444;--accent-primary:#ff2d78;--accent-hover:#e0235f;--accent-text:#fff;--status-error:#ef4444;--status-error-soft:#fef2f2;--status-warning:#f59e0b;--status-warning-soft:#fffbeb;--status-success:#22c55e;--status-success-soft:#f0fdf4;--status-info:#3b82f6;--status-info-soft:#eff6ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Graphik", system-ui, sans-serif;--font-serif:"Sanomat", Georgia, serif;--font-mono:"Courier New", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--text-4xl:48px;--text-display:64px;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--tracking-widest:.16em;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 32px #0000001f;--z-base:0;--z-raised:10;--z-panel:20;--z-modal:30;--z-toast:40;--z-overlay:50;--z-top:100;--focus-ring:0 0 0 2px var(--surface-primary), 0 0 0 4px var(--accent-primary);--input-height:44px;--input-height-sm:36px;--input-height-lg:52px;--input-padding-x:14px;--input-padding-y:10px;--input-border:1.5px solid var(--border-default);--input-border-focus:1.5px solid var(--border-focus);--input-border-error:1.5px solid var(--border-error);--input-bg:var(--surface-primary);--input-radius:var(--radius-md)}.dark{--surface-primary:#0d0d0d;--surface-secondary:#1a1a1a;--surface-tertiary:#242424;--surface-elevated:#1a1a1a;--surface-overlay:#000000b3;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#52525b;--text-disabled:#3f3f46;--text-inverse:#09090b;--text-highlight:#fff;--border-default:#27272a;--border-strong:#52525b;--border-focus:#ff2d78;--border-error:#f87171;--accent-primary:#ff2d78;--accent-hover:#e0235f;--accent-text:#fff;--input-bg:var(--surface-secondary)}
@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-primary);-webkit-font-smoothing:antialiased}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-md)}input,textarea,select,button{font-family:var(--font-sans);appearance:none}input[type=checkbox],input[type=radio]{appearance:auto}