/* ============================================
   Design Tokens
   ============================================ */
:root {
    --color-bg: #fafafa;
    --color-surface: #ffffff;
    --color-text: #1a1a1a;
    --color-muted: #57606a;
    --color-link: #0366d6;
    --color-link-hover: #024ea4;
    --color-border: #d0d7de;
    --color-accent: #0366d6;
    --color-on-accent: #ffffff;
    --color-accent-light: #ddf4ff;
    --color-danger: #d1242f;
    --color-alert-bg: #ffeef0;
    --color-success: #1a7f37;

    --font-body: 'Atkinson Hyperlegible', system-ui, -apple-system, sans-serif;
    --font-mono: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;

    --max-width: 72rem;
    --radius: 6px;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 3rem;
}