:root {
    /* Surfaces */
    --color-bg: #000000;
    --color-bg-soft: #0a0a0b;
    --color-card: rgba(255, 255, 255, 0.045);
    --color-card-hover: rgba(255, 255, 255, 0.07);
    --color-surface: #111113;
    --color-surface-solid: #131315;
    --color-border: rgba(255, 255, 255, 0.10);
    --color-border-strong: rgba(255, 255, 255, 0.18);

    /* Text */
    --color-text: #f5f5f7;
    --color-text-muted: #86868b;
    --color-text-faint: #58585c;

    /* Accent — used sparingly, never as glow */
    --color-primary: #b8f13d;
    --color-primary-dark: #96d621;
    --color-primary-ink: #0b1400;
    --color-orange: #f97316;
    --color-red: #ff453a;
    --color-blue: #0a84ff;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-pill: 999px;

    /* Spacing */
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;

    /* Type */
    --font-main: 'Switzer', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

    /* Motion — Apple-style ease-out curve */
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --transition-fast: 200ms var(--ease);
    --transition-normal: 420ms var(--ease);
    --transition-slow: 900ms var(--ease);

    /* Elevation — neutral, no colored glow */
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 30px 60px -20px rgba(0, 0, 0, 0.6);
    --shadow-lift: 0 40px 80px -24px rgba(0, 0, 0, 0.7);
    --icon-filter: invert(1) brightness(0.96);
}