/* ============================================================
   Anatolia Grill & Pizza — brand tokens (matched to the logo)
   Logo palette: black field + gold ring + Italian-flag green & red + cream.
   OKLCH ramps. Pairs with design.css (d8-heritage).
   Built by Catalyst Bridge.
   ============================================================ */

:root {
  /* --- paper / ink (warm cream + near-black from the logo field) --- */
  --ag-paper:     oklch(0.965 0.012 86);   /* warm cream            */
  --ag-paper-2:   oklch(0.935 0.016 84);   /* sand panel            */
  --ag-paper-3:   oklch(0.992 0.005 90);   /* near-white inset      */
  --ag-ink:       oklch(0.190 0.006 70);   /* near-black (logo)     */
  --ag-ink-soft:  oklch(0.370 0.010 60);   /* muted body            */
  --ag-ink-faint: oklch(0.510 0.010 55);   /* captions / meta       */

  /* flag RED ramp — EXACT logo red #f2232f — primary action colour */
  --ag-red-700:   #c0161f;
  --ag-red:       #f2232f;
  --ag-red-400:   oklch(0.700 0.180 30);
  --ag-red-100:   oklch(0.930 0.055 30);

  /* flag GREEN ramp — EXACT logo green #068b58 — secondary accent */
  --ag-green-700: #056b44;
  --ag-green:     #068b58;
  --ag-green-400: oklch(0.690 0.130 158);

  /* GOLD ramp (logo ring) — warm accent on dark */
  --ag-gold:      #e7b53b;
  --ag-gold-deep: #c8912a;

  /* black field (logo) — dark sections */
  --ag-char:      oklch(0.200 0.008 70);
  --ag-char-2:    oklch(0.270 0.010 70);

  /* hairlines */
  --ag-line:        color-mix(in oklch, var(--ag-ink) 13%, transparent);
  --ag-line-strong: color-mix(in oklch, var(--ag-ink) 26%, transparent);

  /* --- semantic mapping --- */
  --ag-bg:          var(--ag-paper);
  --ag-surface:     var(--ag-paper-3);
  --ag-surface-2:   var(--ag-paper-2);
  --ag-text:        var(--ag-ink);
  --ag-text-muted:  var(--ag-ink-soft);
  --ag-text-faint:  var(--ag-ink-faint);
  --ag-primary:     var(--ag-red);        /* CTAs, active states     */
  --ag-primary-deep:var(--ag-red-700);    /* prices, eyebrows        */
  --ag-accent:      var(--ag-gold);       /* gold highlights on dark */
  --ag-accent-deep: var(--ag-gold-deep);
  --ag-dark:        var(--ag-char);
  --ag-border:      var(--ag-line);
  --ag-on-dark:     var(--ag-paper);

  /* fonts inherited from design.css (Fraunces display + Lora body) */
  --ag-font-display: 'Fraunces', Georgia, serif;
  --ag-font-body:    'Lora', Georgia, serif;
  --ag-font-ui:      'Lora', system-ui, sans-serif;
}