/* Alloro · design token v1 (docs/design/web-v1/tokens.css), tema chiaro e scuro */
:root {
  --bg: #F6F3EA;          /* crema ricettario */
  --surface: #FFFDF7;
  --surface-2: #EDEADD;
  --line: #DDD7C6;
  --ink: #1F3A2B;         /* bosco: testi */
  --ink-2: #53655A;       /* testi secondari */
  --brand: #2F8F5B;       /* verde vivo del logo */
  --action: #22714A;      /* pulsanti: più scuro per il contrasto */
  --action-ink: #FFFDF7;
  --action-hover: #1A5C3B;
  --sage: #8DB596;
  --sage-soft: #DDE8DA;
  --saffron: #C98A1E;
  --warn: #A9501C;
  --warn-soft: #F6E3D2;
  --leaf-fg: #F6F3EA;
  --t-tomato: #C8553D; --t-egg: #5E4262; --t-basil: #4E7D4A; --t-saff: #DDA137; --t-crust: #B7814B; --t-cream: #E8DCC0;
  --shadow: 0 1px 2px rgba(31,58,43,.06), 0 8px 24px -12px rgba(31,58,43,.18);
  --f-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --f-body: "Figtree", "Segoe UI", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --r-s: 8px; --r-m: 14px; --r-l: 22px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #131915; --surface: #1B231E; --surface-2: #232D27; --line: #34403A;
    --ink: #E6EEE6; --ink-2: #A5B5AA; --brand: #4FB07C; --action: #5DBB87; --action-ink: #0F1712; --action-hover: #79CC9F;
    --sage: #6E9A7A; --sage-soft: #26352C; --saffron: #E3AE4D; --warn: #F0A06E; --warn-soft: #3A2A1F; --leaf-fg: #F6F3EA;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 10px 26px -12px rgba(0,0,0,.6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #131915; --surface: #1B231E; --surface-2: #232D27; --line: #34403A;
  --ink: #E6EEE6; --ink-2: #A5B5AA; --brand: #4FB07C; --action: #5DBB87; --action-ink: #0F1712; --action-hover: #79CC9F;
  --sage: #6E9A7A; --sage-soft: #26352C; --saffron: #E3AE4D; --warn: #F0A06E; --warn-soft: #3A2A1F; --leaf-fg: #F6F3EA;
  --shadow: 0 1px 2px rgba(0,0,0,.3), 0 10px 26px -12px rgba(0,0,0,.6);
  color-scheme: dark;
}