/* ============================================================
   VARIANT A — "Saffron Ember"  (dark luxe)
   Deep navy-ink ground; saffron gold is THE conversion color
   (research: one dominant CTA color, near-black text on gold —
   the Arash Persian Grill pattern). Red appears only in small
   accents. Candle-lit evening mood.
   ============================================================ */

:root {
  /* brand */
  --red: #BF1900;
  --red-dark: #990000;
  --gold: #FFA600;
  --gold-light: #FFCE00;
  --navy: #19294B;
  --navy-deep: #0D1B2B;
  --ink-deep: #000A1E;

  /* ground */
  --bg: #13253B;
  --surface: #1A3049;
  --ink: #ECF0F5;
  --head-ink: #F6F8FA;
  --muted: #B3C0CE;
  --line: #2E4560;

  /* CTA system: gold with near-black text */
  --brand: var(--gold);
  --brand-hover: #FFB733;
  --brand-ink: #08111A;
  --brand-glow: rgba(255, 166, 0, .28);
  --brand-strong: var(--gold);
  --kicker: var(--gold);
  /* conversion-judge fix: gold FILL is reserved for buttons; prices read in
     ivory so "clickable" vs "informational" stays unambiguous */
  --price: #F2E9D8;

  --ghost-ink: #E9EDF2;
  --ghost-line: rgba(233, 237, 242, .45);
  --ghost-fill: rgba(233, 237, 242, .08);

  /* header */
  --header-bg-top: linear-gradient(to bottom, rgba(10, 22, 36, .72), transparent);
  --header-bg: rgba(16, 30, 47, .93);
  --header-photo-bg: linear-gradient(to bottom, rgba(10, 22, 36, .78), transparent);
  --header-ink: #F6F8FA;
  --mobile-nav-bg: rgba(16, 30, 47, .98);
  --mobile-nav-ink: #F6F8FA;

  /* hero */
  --hero-bg: radial-gradient(120% 90% at 85% 20%, #213955 0%, #13253B 55%, #0C1A2C 100%);
  --hero-ink: #F6F8FA;
  --hero-muted: #C2CDD9;
  --hero-halo: rgba(255, 166, 0, .17);
  --hero-photo-ink: #F6F8FA;
  --hero-photo-muted: #D7DEE6;
  --hero-photo-ghost-line: rgba(246, 248, 250, .56);
  --hero-photo-ghost-fill: rgba(246, 248, 250, .1);
  --hero-photo-overlay: linear-gradient(90deg, rgba(10, 22, 36, .95) 0%, rgba(10, 22, 36, .82) 38%, rgba(10, 22, 36, .32) 66%, rgba(10, 22, 36, .06) 100%);
  --hero-pattern: repeating-linear-gradient(45deg, rgba(255, 166, 0, .035) 0 1px, transparent 1px 28px);
  --hero-food-shadow: rgba(0, 0, 0, .58);

  /* strip */
  --strip-bg: #101F31;
  --strip-ink: #D7DEE6;
  --strip-accent: var(--gold);

  /* cards */
  --card-bg: #1C3350;
  --card-line: #304863;
  --card-head: #F6F8FA;
  --card-muted: #BCC9D6;
  --card-shadow: rgba(0, 0, 0, .5);
  /* tags demoted to neutral so gold stays button-only */
  --tag-bg: rgba(233, 237, 242, .09);
  --tag-line: rgba(255, 166, 0, .35);
  --tag-ink: #C4CFDB;

  /* dark section (used as contrast band -> slightly lighter than bg) */
  --on-dark: #E9EDF2;
  --on-dark-head: #F6F8FA;
  --on-dark-muted: #A7B4C2;

  /* banner */
  --banner-overlay: linear-gradient(100deg, rgba(4, 8, 15, .88) 20%, rgba(4, 8, 15, .45));
  --banner-plain-bg: linear-gradient(135deg, #162B44, #0D1B2B);

  /* neutral studio surface shown through original white-background photos */
  --studio-light: #F8F3E9;
  --studio-mid: #DDCDB8;
  --studio-deep: #BCA183;
  --studio-line: rgba(128, 91, 50, .08);

  /* story */
  --story-photo-bg: linear-gradient(to bottom, #1F3651, #16283E);

  /* modal / drawer */
  --modal-bg: #1A3049;
  --modal-ink: #E9EDF2;
  --modal-muted: #AFBCCA;
  --overlay-bg: rgba(4, 8, 15, .66);

  /* toolbar */
  --toolbar-bg: rgba(19, 37, 59, .94);
  --toolbar-ink: #DDE4EB;

  /* footer */
  --footer-bg: #0B1727;
  --footer-ink: #C3CEDA;
  --footer-head: var(--gold);
  --footer-accent: var(--gold);
  --footer-muted: #8496A9;
  --footer-line: #1B2C3F;

  /* type + shape */
  --head-font: "Playfair Display", Georgia, serif;
  --body-font: "Inter", -apple-system, "Segoe UI", sans-serif;
  --radius: 14px;
  --btn-radius: 10px;
  --arch-radius: 200px 200px 14px 14px;

  /* map */
  --map-filter: grayscale(.2) invert(.92) hue-rotate(185deg) saturate(.7);
}

/* variant-specific flourishes */
.hero { border-bottom: 1px solid rgba(255, 166, 0, .18); }
.section--tint { border-block: 1px solid var(--line); }
.dish-row { border-bottom-color: #35506e; }
.specials { background: rgba(255, 166, 0, .06); }
.trust-strip { border-bottom: 1px solid #1d3350; }
/* appetite-judge fix: hairline ring keeps dark food photos legible on navy */
.gallery-grid a { border: 1px solid #35506e; background: #1C3350; }
.dish-media { border-bottom: 1px solid #304863; }
body { --muted: #B3C0CE; }
.cart-empty { border: 1px dashed #35506e; border-radius: 12px; padding: 1.6rem 1rem; }