:root {
  /* Core palette */
  --bg: #fdf7f0;
  --panel: rgba(255, 255, 255, 0.92);
  --card: rgba(255, 255, 255, 0.95);
  --bright: #ffda75;
  --accent: #ff9f7a;
  --mint: #1a5e6b;
  --text: #2f1e14;
  --muted: #6d5b53;
  --border: #eadfd6;
  --shadow: 0 18px 40px rgba(69, 46, 34, 0.12);
  --surface: #ffffff;

  /* Page + layout */
  --page-bg: radial-gradient(1200px at 20% 20%, rgba(255, 159, 122, 0.18), transparent), radial-gradient(1000px at 80% 0%, rgba(115, 226, 190, 0.18), transparent), linear-gradient(135deg, #fff5ec, #fce9da 55%, #f5f7f3);
  --top-bg: rgb(255 246 223);
  --hero-overlay: radial-gradient(700px at 90% 90%, rgba(255, 218, 117, 0.22), transparent);

  /* Text-specific accents */
  --mark-text: #2f1e14;
  --cta-text: #2f1e14;
  --lede-text: #4c3830;
  --button-primary-text: #2f1e14;
  --badge-text: #3c261d;
  --emph-text: #2f1e14;
  --pill-tag-text: #725735;
  --price-text: #2f1e14;
  --strong-text: #2f1e14;
  --tile-text: #2f1e14;

  /* Surfaces + effects */
  --button-hover-shadow: 0 12px 24px rgba(69, 46, 34, 0.16);
  --button-hover-bg: rgba(255, 159, 122, 0.12);
  --badge-bg: rgba(255, 159, 122, 0.1);
  --badge-border: rgba(255, 159, 122, 0.35);
  --hero-card-glow: radial-gradient(closest-side, rgba(115, 226, 190, 0.28), transparent);
  --card-sheen: linear-gradient(160deg, rgba(255, 255, 255, 0.35), transparent 30%);
  --pill-tag-bg: rgba(255, 218, 117, 0.22);
  --panel-bright-bg: linear-gradient(135deg, rgba(115, 226, 190, 0.16), rgba(255, 218, 117, 0.2));
  --panel-bright-border: rgba(255, 159, 122, 0.3);
  --hours-bg: rgba(255, 255, 255, 0.75);
  --tile-bg: linear-gradient(135deg, rgba(255, 159, 122, 0.16), rgba(115, 226, 190, 0.16));
  --tile-border: rgba(255, 159, 122, 0.3);
  --steps-bg: rgba(255, 255, 255, 0.78);
  --muted-pill-bg: rgba(255, 218, 117, 0.18);
  --contact-bg: rgba(255, 255, 255, 0.92);
}