:root {
  /* Café-menu look: warm cream page, white rounded cards with big photos, one dark band for the tasting sets. */
  color-scheme: light;

  --cream: #FBF7F1;        /* page */
  --cream-deep: #F3EADD;   /* quiet bands: facts, reviews */
  --card: #FFFFFF;         /* menu cards, form, quiz */
  --line: #EADFD0;         /* hairlines on cream and cards */
  --ink: #2B1D15;          /* text */
  --ink-soft: #725E4F;     /* secondary text */

  --clay: #B24E2C;         /* the one action colour: «+», order buttons, links on cards */
  --clay-hover: #943E21;
  --on-clay: #FFFFFF;
  --leaf: #5F6F3E;         /* badge */
  --honey: #E2B24A;        /* badge, accents on the dark band */

  --night: #1F1611;        /* dark band, footer, announce */
  --night-card: #2A1F18;
  --night-line: #3D2F25;
  --on-night: #F4EADC;
  --on-night-soft: #BFAD9A;

  --error: #B3261E;

  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Onest', 'Helvetica Neue', Arial, sans-serif;
  --font-ar: 'Amiri', 'Geeza Pro', 'Times New Roman', serif;

  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.5rem;
  --step-3: clamp(2rem, 1.55rem + 2.2vw, 3.25rem);
  --step-4: clamp(2.6rem, 1.6rem + 4.6vw, 5.25rem);

  --space-s: 0.75rem;
  --space-m: 1.5rem;
  --space-l: 3rem;
  --space-xl: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);

  --radius-card: 28px;
  --radius-field: 14px;
  --radius-pill: 999px;
  --shadow-card: 0 14px 34px -22px rgb(43 29 21 / 0.42);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --container: 1200px;
  --gutter: 16px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 6rem; }

body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: var(--step-0);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 1.08;
  margin: 0;
  text-wrap: balance;
}

p { margin: 0; }
p, li, dd, figcaption, blockquote { text-wrap: pretty; }

[lang="ar"] { font-family: var(--font-ar); }

::selection { background: var(--honey); color: var(--ink); }
input, textarea { caret-color: var(--clay); }
img, svg { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }

:focus-visible { outline: 3px solid var(--clay); outline-offset: 3px; border-radius: 4px; }

[hidden] { display: none !important; }

.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}