:root {
  /* Brand palette - swap these to match Pizza Familia Goodwood's real brand kit.
     Variable names are kept stable (tomato/gold/basil/etc.) even though the
     actual hues below have moved to a deeper, more editorial palette - this
     is so every component built against var(--color-tomato) etc. updates
     automatically without hunting down each usage. */
  --color-tomato: #7d2634;        /* deep oxblood/wine, not bright tomato */
  --color-tomato-dark: #5c1b26;
  --color-tomato-light: #9c3a46;
  --color-basil: #44593f;         /* muted, used sparingly */
  --color-basil-dark: #2f3f2b;
  --color-gold: #b6894e;          /* antique brass, not bright gold */
  --color-gold-light: #d8b57c;
  --color-espresso: #18110c;      /* near-black warm charcoal */
  --color-espresso-soft: #271c14;
  --color-cream: #f6efe2;         /* warm ivory/parchment */
  --color-cream-dark: #e9dcc4;
  --color-ink: #18110c;
  --color-muted: #7c6a56;
  --color-white: #ffffff;

  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(16, 10, 6, 0.10);
  --shadow-md: 0 14px 40px rgba(16, 10, 6, 0.16);
  --shadow-lg: 0 30px 80px rgba(16, 10, 6, 0.32);

  --container-width: 1180px;
  --container-width-wide: 1440px;
  --nav-height: 84px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Subtle film-grain texture, used over dark hero/section surfaces for a
     tactile, printed-menu feel rather than flat digital color. */
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/></svg>");
}