:root {
  /* Brand palette */
  --pita: #f3e6d0;
  --pita-light: #fbf8f1;
  --pita-dark: #c2b8a6;

  --cold-dark: #10404e;
  --cold-dark-light: #406671;
  --cold-dark-darker: #0b2d37;

  --money: #1f6f4a;
  --money-dark: #15553a;
  --money-soft: #dfeee4;
  --money-border: #a9cbb6;

  --warm-dark: var(--money);

  --pizza: #c08a3a;
  --pizza-light: #cda161;
  --pizza-dark: #866129;

  /* Surfaces + effects */
  --color-surface: #ffffff;
  --shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.08);

  /* Shape + sizing */
  --radius-lg: 18px;
  --radius-pill: 999px;
  --max-width: 1120px;

  /* Sticky header offset (set by JS after header loads) */
  --header-offset: 6.25rem;
}





 /* Brand palette 
  --pita: #f3e6d0;
  --pita-light: #fbf8f1;
  --pita-dark: #c2b8a6;

  --cold-dark: #10404e;
  --cold-dark-light: #406671;
  --cold-dark-darker: #0b2d37;

  --warm-dark: #008b8b;

  --pizza: #c08a3a;
  --pizza-light: #cda161;
  --pizza-dark: #866129;

   Surfaces + effects 
  --color-surface: #ffffff;
  --shadow-soft: 0 12px 30px rgba(15, 23, 42, 0.08); */