/* Da Massimo — Notte Italiana · locked palette ("esti arany"). Dark theme only. Do not add colors. */
:root {
  /* base */
  --bg: #120F0B; /* was #161310 — Fondo 2026-08-04 */         /* page base — deep brown-black night */
  --surface: #231D16; /* was #211C16 — Fondo 2026-08-04 */    /* cards, menu blocks */
  --ink: #EFE7D6;        /* warm ivory text */
  --primary: #C39A4A;    /* candlelight gold — CTA, emphasis */
  --primary-d: #B38A3C;  /* gold hover/active */
  --accent: #A2543F; /* was #8E4A38 — Fondo 2026-08-04 */     /* terracotta ember — sparing secondary */
  --price: #D9BC77;      /* price color */
  --line: #4A4032; /* was #3B342A — Fondo 2026-08-04 */       /* hairline separators */
  --muted: #A79B82;      /* secondary text */
  --cream: #302820; /* was #26211A — Fondo 2026-08-04 */      /* raised dark band (quote/daily strips) */
  --on-primary: #1C1710; /* text on gold buttons */

  /* semantic aliases */
  --text-body: var(--ink);
  --text-secondary: var(--muted);
  --text-price: var(--price);
  --surface-page: var(--bg);
  --surface-card: var(--surface);
  --surface-band: var(--cream);
  --border-hairline: var(--line);
  --cta-bg: var(--primary);
  --cta-bg-hover: var(--primary-d);
  --cta-text: var(--on-primary);

  /* alpha derivatives of locked colors (hover washes, veils) */
  --gold-tint-08: rgba(195, 154, 74, .08);
  --gold-tint-16: rgba(195, 154, 74, .16);
  --ink-tint-04: rgba(239, 231, 214, .04);

  /* overlays */
  --hero-overlay: linear-gradient(180deg, rgba(8, 6, 4, .35), rgba(8, 6, 4, .65)); /* was rgba(10,8,6,…) — Fondo 2026-08-04 */ /* @kind color */
  --backdrop: rgba(8, 6, 4, .55);   /* was rgba(10,8,6,.55) — Fondo 2026-08-04 */ /* modal veil — warm brown-black, same hue as hero overlay */
  --backdrop-blur: 10px;

  /* elevation — the theme lifts with surface steps + hairlines, not shadows; modal only */
  --shadow-modal: 0 32px 80px rgba(0, 0, 0, .55);

  /* region gradients — added 2026-09-22 from 04_design/gradient-lab/.
     Layers, not palette: these are tints/shades of the locked browns, declared so
     that any element can keep its own background-COLOR and add one image layer
     above it. Nothing here replaces a locked colour. */
  --g-cta-sheen: radial-gradient(130% 200% at 28% 12%, #E4C47E, #C39A4A 52%, #AC7F35);
  --g-cta-sheen-hover: radial-gradient(130% 200% at 28% 12%, #EBCF8E, #C79E4C 52%, #A87C33);
  --g-modal-sheen: radial-gradient(120% 60% at 50% 100%, rgba(195,154,74,.10), transparent 62%);
  --g-band-facet: linear-gradient(145deg, #352B21 0%, #302820 48%, #292017 100%);
  --g-card-facet: linear-gradient(145deg, #2E251C 0%, #231D16 46%, #1A1510 100%);
  --g-card-edge: inset 1px 1px 0 rgba(195,154,74,.16);
  --g-strip-facet: linear-gradient(145deg, #17130E, #120F0B);
  --g-strip-tile: linear-gradient(145deg, rgba(239,231,214,.035), transparent 70%);
  --g-foot-veil: linear-gradient(90deg, transparent 0%, rgba(162,84,63,.11) 34%, rgba(124,140,106,.11) 72%, transparent 100%);
  --g-rule-lg: linear-gradient(90deg, #A2543F, #EFE7D6 50%, #7C8C6A);
  /* lamp over the table — 2026-10-08. Round 1 painted a pool per section box (clipped at the edges). Round 2 put
     --g-ambient, a CSS radial-gradient, over the slate on the fixed ground of every page and a painted tinted disc
     (--g-backlight / --g-backlight-hero) under every plate. Round 3 (same day, Somi: "the lights look lazy", "the
     background got pixelated"): the ambient gradient banded at 8-bit over a q85 slate, so the lamp is now BAKED into
     the slate pixels — assets/brand/slate-mj-2048.webp (q95) and slate-mj-1280.webp (q92, phones), made by
     04_design/assets/mj/2026-10-08-surfaces/processed/_pipeline/bake_ambient.py — and --g-ambient is gone (grep: no
     other reference). The plate backlight is a backdrop-filter (brightness) on the ::before and its falloff is this
     MASK, so the stone grain itself brightens; doors and hero share the one mask shape and differ only in geometry
     and brightness (set in Home's own <style>), so --g-backlight-hero had no use left and is gone too.
     --g-backlight-fallback is the plain wash for browsers without backdrop-filter. */
  --g-backlight: radial-gradient(closest-side, #000 0%, rgba(0,0,0,.55) 35%, rgba(0,0,0,.12) 70%, transparent 100%);
  --g-backlight-fallback: radial-gradient(closest-side, rgba(228,196,126,.10), rgba(228,196,126,.04) 45%, transparent 100%);

  /* THE ONE PALETTE ADDITION. Not a locked colour: sage, used at 11% alpha in the
     footer sweep and as the rule's third stop. Delete this line and the two
     tricolore tokens above to revert. */
  --sage: #7C8C6A;
}