/* =============================================================================
   tokens.css — the shared design tokens for the *.bburger.xyz family.
   THE one source of truth for the palette, type, spacing, and radius scale.

   How it ships: this file is NOT committed into any site's app/ folder. Each
   site's deploy workflow copies it in next to index.html right before syncing
   to S3 (see .github/workflows/deploy-<site>.yml), so every site serves an
   identical copy without a build step. Edit it HERE only.

   Local preview: run ./shared/sync-tokens.sh to drop a (git-ignored) copy into
   each site's app/ so pages render correctly when opened directly.

   See STYLE.md for the design rationale behind these values.
   ============================================================================= */

:root {
    /* Surfaces — dark slate, never black; layered by elevation */
    --bg-primary:   #0f1216;
    --bg-secondary: #141820;
    --bg-surface:   #1a1f28;  /* cards */
    --bg-elevated:  #222832;
    --bg-hover:     #2a313d;

    /* Text — soft, never pure white */
    --text-heading:   #f0f2f5;
    --text-primary:   #d4d7dd;
    --text-secondary: #9ca3ae;
    --text-muted:     #5c6370;

    /* Accent — the one true teal */
    --accent:        #5ba3a3;
    --accent-light:  #7ab3b3;
    --accent-subtle: rgba(91, 163, 163, 0.12);
    --accent-muted:  rgba(91, 163, 163, 0.15);

    /* Semantic — desaturated, meaning only */
    --success: #5b9a73;
    --warning: #c9a35f;
    --danger:  #c97a5f;

    /* Lines */
    --border:       rgba(255, 255, 255, 0.06);
    --border-light: rgba(255, 255, 255, 0.10);

    /* Radius */
    --radius:    14px;
    --radius-sm: 10px;
    --radius-xs:  6px;

    /* Type */
    --font-ui:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', ui-monospace, monospace;
}