/* ============================================================
   TAVDI — તાવડી
   Design tokens. The palette is a Surti egg cart at 11pm:
   iron griddle, burner flame, marigold, Patola magenta,
   coriander, and mirror-work cream.
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- Ground: the tavdi iron and the indigo night ---- */
  --kajal:      #0B0A14;   /* seasoned iron / page ground   */
  --kajal-soft: #100E1F;
  --ratri:      #15132A;   /* Patola indigo dye / surfaces  */
  --ratri-hi:   #1D1A38;   /* raised surface                */
  --ratri-line: #2A2648;   /* warp thread / hairline rule   */

  /* ---- Flame: the burner under the griddle ---- */
  --jyot:       #FF6B1A;   /* flame orange                  */
  --kesar:      #F5A623;   /* saffron                       */
  --haldi:      #F2C14E;   /* turmeric                      */
  --angar:      #C43D0F;   /* ember, deep                   */

  /* ---- Patola: the double-ikat magenta ---- */
  --patola:     #D4145A;
  --patola-lo:  #8E0B3C;
  --patola-hi:  #F0417E;

  /* ---- Fresh: what gets thrown on at the end ---- */
  --kothmir:    #4FB477;   /* coriander                     */
  --marchu:     #E23B2E;   /* chilli                        */

  /* ---- Cloth: mirror-work cream and dyed greys ---- */
  --chandi:     #E9E2D4;   /* body text, mirror silver      */
  --chandi-dim: #BEB6A8;
  --dhumado:    #8C86A8;   /* muted lilac-grey, secondary   */
  --dhumado-lo: #5F5A7A;

  /* ---- Semantic ---- */
  --bg:            var(--kajal);
  --bg-raised:     var(--ratri);
  --bg-raised-2:   var(--ratri-hi);
  --line:          var(--ratri-line);
  --line-strong:   #3B3563;
  --text:          var(--chandi);
  --text-dim:      var(--dhumado);
  --text-mute:     var(--dhumado-lo);
  --accent:        var(--kesar);
  --accent-warm:   var(--jyot);
  --brand:         var(--patola);
  --ok:            var(--kothmir);
  --warn:          var(--haldi);
  --danger:        var(--marchu);

  /* ---- Type ---- *
     Baloo Bhai 2 is a Gujarati typeface (Ek Type) whose Latin is drawn
     from the Gujarati — the right way round for this brief. Hind Vadodara
     is named for a Gujarati city. Noto Serif Gujarati carries the older,
     editorial voice on the heritage pages. DM Mono handles prices and
     order codes like chalk on a cart's board. */
  --font-display: "Baloo Bhai 2", "Noto Sans Gujarati", "Trebuchet MS", sans-serif;
  --font-body:    "Hind Vadodara", "Noto Sans Gujarati", system-ui, -apple-system, sans-serif;
  --font-serif:   "Noto Serif Gujarati", "Iowan Old Style", Georgia, serif;
  --font-mono:    "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Fluid scale, 1.28 ratio, clamped for phone → desktop */
  --t-xs:   0.75rem;
  --t-sm:   0.8125rem;
  --t-base: clamp(0.95rem, 0.9rem + 0.2vw, 1.0625rem);
  --t-md:   clamp(1.1rem, 1rem + 0.4vw, 1.3rem);
  --t-lg:   clamp(1.35rem, 1.15rem + 0.8vw, 1.75rem);
  --t-xl:   clamp(1.75rem, 1.35rem + 1.6vw, 2.6rem);
  --t-2xl:  clamp(2.3rem, 1.6rem + 3vw, 4rem);
  --t-3xl:  clamp(3rem, 1.6rem + 6vw, 7rem);
  --t-4xl:  clamp(3.6rem, 1.4rem + 9.5vw, 10.5rem);

  --lh-tight: 0.92;
  --lh-snug:  1.15;
  --lh-body:  1.68;

  /* ---- Loom: the warp-and-weft grid ---- */
  --shell:   min(1280px, 100% - 2.5rem);
  --shell-w: min(1560px, 100% - 2.5rem);
  --gut:     clamp(1rem, 0.6rem + 1.6vw, 1.75rem);
  --warp:    clamp(1rem, 4vw, 3.25rem);   /* margin inset of warp rules */

  /* ---- Rhythm ---- */
  --s1: 0.25rem;  --s2: 0.5rem;   --s3: 0.75rem;  --s4: 1rem;
  --s5: 1.5rem;   --s6: 2rem;     --s7: 3rem;     --s8: 4rem;
  --s9: 6rem;     --s10: 8rem;
  --section-y: clamp(4rem, 2rem + 8vw, 9rem);

  /* ---- Edges ---- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ---- Depth: warm light falling on a dark room ---- */
  --sh-1: 0 1px 2px rgb(0 0 0 / .5);
  --sh-2: 0 4px 18px -6px rgb(0 0 0 / .65);
  --sh-3: 0 18px 48px -18px rgb(0 0 0 / .8);
  --sh-glow: 0 0 0 1px rgb(245 166 35 / .22), 0 12px 46px -12px rgb(255 107 26 / .38);
  --sh-patola: 0 0 0 1px rgb(212 20 90 / .28), 0 12px 46px -14px rgb(212 20 90 / .42);

  /* ---- Motion ---- */
  --ease-out:  cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ease-back: cubic-bezier(.34, 1.56, .64, 1);
  --dur-1: 140ms;
  --dur-2: 260ms;
  --dur-3: 480ms;
  --dur-4: 900ms;

  --nav-h: 68px;
}

/* Daylight — the same cart, but at a Sunday morning market.
   Kept genuinely warm rather than a flat inversion. */
[data-theme="light"] {
  color-scheme: light;
  --bg:          #FBF4E6;
  --bg-raised:   #FFFCF5;
  --bg-raised-2: #F6ECD9;
  --line:        #E4D5BA;
  --line-strong: #CBB894;
  --text:        #241A2E;
  --text-dim:    #5E5273;
  --text-mute:   #8A7E9C;
  --accent:      #C4780B;
  --accent-warm: #DE5510;
  --brand:       #B80D4C;
  --ok:          #1F7A52;
  --sh-1: 0 1px 2px rgb(80 50 20 / .12);
  --sh-2: 0 4px 18px -6px rgb(80 50 20 / .18);
  --sh-3: 0 18px 48px -18px rgb(80 50 20 / .3);
  --sh-glow: 0 0 0 1px rgb(196 120 11 / .3), 0 12px 40px -14px rgb(222 85 16 / .3);
  --sh-patola: 0 0 0 1px rgb(184 13 76 / .3), 0 12px 40px -14px rgb(184 13 76 / .28);
}