/* ============================================================================
   CSS Variables & Design System
   ============================================================================ */

:root {
    /* Colors - Brutalist yellow + noir */
    --background: oklch(0.89 0.18 95);          /* #facc15 signature yellow */
    --foreground: oklch(0.15 0 0);              /* deep noir */

    --primary: oklch(0.15 0 0);
    --primary-foreground: oklch(0.89 0.18 95);
    --secondary: oklch(0.15 0 0);
    --secondary-foreground: oklch(0.89 0.18 95);

    --muted: oklch(0.15 0 0 / 0.6);
    --muted-foreground: oklch(0.15 0 0 / 0.6);
    --accent: oklch(0.15 0 0);
    --accent-foreground: oklch(0.89 0.18 95);

    --destructive: oklch(0.577 0.245 27.325);
    --destructive-foreground: oklch(0.984 0.003 247.858);

    --border: oklch(0.15 0 0 / 0.12);
    --border-light: oklch(0.15 0 0 / 0.05);
    --input: oklch(0.15 0 0 / 0.12);
    --ring: oklch(0.15 0 0);

    /* Typography */
    --font-display: "Anton", sans-serif;
    --font-body: "JetBrains Mono", monospace;
    --font-mono: "JetBrains Mono", monospace;

    /* Animations */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

    /* Spacing */
    --radius: 0rem;
    --container-max: 1200px;
    --container-padding: 1.5rem;
}