:root {
    --bg: #232830;
    --panel: #2f343d;
    --muted: #a2abb8;
    --accent: #e6b84d;
    --line: #3a4049;
    --glass: rgba(255, 255, 255, 0.14);
    --glass-dark: rgba(255, 255, 255, 0.06);
    --text: #ecedf0;
    --on-accent: #15140f;
    --logo-color: #e1b65a;
    --danger: #ff6b6b;
    --danger-bg: rgba(255, 107, 107, 0.1);
    --input-bg: rgba(255, 255, 255, 0.06);
    --input-bg-strong: rgba(255, 255, 255, 0.1);
    --input-placeholder: rgba(236, 237, 240, 0.45);

    /* Typography */
    --font-mono: 'JetBrains Mono', monospace;
    --font-ui: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', system-ui, sans-serif;
    --h1: 2.5rem;
    --h2: 1.8rem;
    --h3: 1.4rem;
    --body: 1rem;
    --small: 0.85rem;
    --lh: 1.6;

    /* Spacing scale (4px grid) */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-6: 24px;

    /* Motion */
    --ease-out: cubic-bezier(0.2, 0, 0, 1);
    --ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur-fast: 140ms;
    --dur-base: 200ms;
    --dur-slow: 320ms;
}