/* ============================================================
   Design tokens — THE single source of the visual language.
   Change the look of the whole site by editing this file only.
   Palette: aged limestone · Saperavi wine · cloisonné enamel gold + teal.
   Deliberately NOT cream+terracotta / black+acid (see docs/DESIGN_PLAN.md).
   ============================================================ */
:root {
    /* raw palette */
    --c-paper:  #EDE6DA;
    --c-ivory:  #FBF8F2;
    --c-ink:    #241E1A;
    --c-wine:   #6E1F28;
    --c-wine-2: #551620;
    --c-gold:   #AD8130;
    --c-enamel: #1F5459;
    --c-stone:  #CFC5B4;
    --c-stone-2:#E3DACB;
    --c-muted:  #6B6055;

    /* semantic */
    --bg:      var(--c-paper);
    --surface: var(--c-ivory);
    --text:    var(--c-ink);
    --muted:   var(--c-muted);
    --line:    var(--c-stone);
    --line-soft: var(--c-stone-2);
    --accent:  var(--c-wine);
    --accent-strong: var(--c-wine-2);
    --gold:    var(--c-gold);
    --link:    var(--c-enamel);

    /* type */
    --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Noto Serif Georgian", serif;
    --sans:  system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Georgian", Arial, sans-serif;

    /* metrics */
    --wrap: 1080px;
    --wrap-narrow: 720px;
    --r: 16px;
    --r-sm: 10px;
    --shadow: 0 12px 44px rgba(36, 30, 26, .10);
    --shadow-sm: 0 3px 14px rgba(36, 30, 26, .07);
    --t: .28s cubic-bezier(.22, .61, .36, 1);
}

/* Dark mode is opt-in and page-scoped: it applies ONLY when data-theme="dark" is set
   explicitly (which, per the layout, happens only on the Speisekarte page). It does NOT
   follow the OS colour scheme, so every other page always stays in the light palette. */
:root[data-theme="dark"] {
    --bg:      #16120E;
    --surface: #211A13;
    --text:    #ECE4D6;
    --muted:   #ADA08D;
    --line:    #3A3125;
    --line-soft: #2A2318;
    --accent:  #C87A82;
    --accent-strong: #D98E95;
    --gold:    #C9A24B;
    --link:    #6FB2B6;
}