/* css/tokens.css — RASA
 *
 * Two grounds, and the split means something. Dark bands are THE KITCHEN:
 * tandoor charcoal, the pass, the chefs — where the brand's argument lives
 * (one chef per cuisine). Light bands are THE TABLE: linen, menus, prices,
 * the guest's side of the swinging door. A reader moves between the two the
 * way a plate does.
 *
 * Type: Gloock, a heavy Didone with the weight of a printed menu card, for
 * display only. Albert Sans for reading. Azeret Mono for every figure the
 * site prints — per-plate bands, grams per head, counter counts — because a
 * caterer that publishes its numbers should set them like a ledger.
 */

:root {
  /* ---- the kitchen ---- */
  --coal:      #16100d;   /* warm charcoal, not black */
  --soot:      #241b16;   /* a step up, for cards on coal */
  --iron:      #3a2c24;   /* rules on coal */
  --ash:       #b8a897;   /* muted text on coal — AA on coal */
  --ghee:      #f3e3c3;   /* text on coal */

  /* ---- the table ---- */
  --linen:     #f4eee3;   /* page ground */
  --linen-2:   #ebe2d2;   /* wash band */
  --linen-3:   #ded2bd;   /* mats behind photographs */
  --ink:       #1e1612;   /* text on linen */
  --ink-2:     #43362e;
  --smoke:     #6c5f55;   /* muted text — 5.2:1 on linen */
  --rule:      #dcd1bf;
  --rule-strong: #b9aa92;

  /* ---- the flame ---- */
  --ember:     #d9651f;   /* saffron flame; buttons, marks. 4.6:1 on linen w/ ghee text */
  --ember-deep:#a8480f;   /* link colour on linen — 5.9:1 */
  --turmeric:  #e8b24a;   /* on coal only: ticket edges, highlights */
  --leaf:      #3f5f45;   /* veg mark, sparingly */

  /* ---- semantic ---- */
  --bg:     var(--linen);
  --fg:     var(--ink);
  --muted:  var(--smoke);
  --accent: var(--ember-deep);

  /* ---- type ---- */
  --font-display: 'Gloock', 'Bodoni 72', Didot, 'Times New Roman', serif;
  --font-body:    'Albert Sans', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-data:    'Azeret Mono', 'SF Mono', Menlo, monospace;

  --t-xs:   0.75rem;
  --t-sm:   0.875rem;
  --t-base: 1rem;
  --t-md:   clamp(1.08rem, 1rem + 0.35vw, 1.22rem);
  --t-lg:   clamp(1.3rem,  1.15rem + 0.7vw, 1.7rem);
  --t-xl:   clamp(1.7rem,  1.35rem + 1.5vw, 2.5rem);
  --t-2xl:  clamp(2.2rem,  1.5rem  + 3vw,   4rem);
  --t-3xl:  clamp(2.7rem,  1.4rem  + 5.6vw, 6rem);

  --lh-tight: 0.98;
  --lh-head:  1.1;
  --lh-body:  1.6;

  --track-caps: 0.14em;
  --track-head: -0.01em;

  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem;  --s-6: 2rem;   --s-7: 3rem;    --s-8: 4rem;
  --s-9: 6rem;    --s-10: 8rem;

  --wrap: 1180px;
  --wrap-narrow: 700px;
  --radius: 3px;

  --shadow: 0 10px 30px rgba(30, 22, 18, 0.12);
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}

/* A dark-preference reader gets the same two grounds. The kitchen/table split
   is the design; a night theme would erase it. */

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