/* Hallmark · tokens · theme: Carnival · drop: Cold Snap (warm + warm)
 * axes: paper-band light · display-heavy · accent warm (mustard 95° + oxblood 25°)
 * Every colour, font, space, size, easing and duration on the page lives here.
 */

:root {
  /* ── Colour · paper & ink ───────────────────────────── */
  --color-paper:       oklch(92% 0.045 50);   /* warm pink-cream */
  --color-paper-2:     oklch(88% 0.050 45);
  --color-paper-3:     oklch(82% 0.060 40);
  --color-ink:         oklch(18% 0.080 20);   /* deep aubergine */
  --color-ink-2:       oklch(28% 0.060 25);
  --color-muted:       oklch(42% 0.050 30);

  /* ── Colour · duo-tone accents ──────────────────────── */
  --color-accent:      oklch(86% 0.180 95);   /* haldi mustard */
  --color-accent-deep: oklch(74% 0.170 85);
  --color-accent-2:    oklch(40% 0.210 25);   /* kumkum oxblood */
  --color-accent-2-deep: oklch(32% 0.180 25);
  --color-accent-ink:  oklch(18% 0.080 20);
  --color-on-accent-2: oklch(94% 0.040 60);

  /* ── Colour · utility ───────────────────────────────── */
  --color-rule:        oklch(40% 0.180 25);
  --color-focus:       oklch(40% 0.210 25);
  --color-focus-on-dark: oklch(86% 0.180 95);
  --color-veg:         oklch(50% 0.150 145);  /* FSSAI veg mark */
  --color-success:     oklch(50% 0.150 145);
  --color-scrim:       oklch(18% 0.080 20 / 0.55);

  /* ── Colour · illustration (kulhad) ─────────────────── */
  --color-clay:        oklch(60% 0.120 45);
  --color-clay-dark:   oklch(48% 0.110 40);
  --color-chai:        oklch(66% 0.090 65);

  /* ── Type families (2 + 1) ──────────────────────────── */
  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body:    "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --font-deva:    "Yatra One", "Noto Sans Devanagari", serif;

  /* ── Type scale ─────────────────────────────────────── */
  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-md:   1.0625rem;
  --text-lg:   1.25rem;
  --text-xl:   clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --text-2xl:  clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
  --text-3xl:  clamp(2.5rem, 1.8rem + 3.4vw, 4.5rem);
  --text-4xl:  clamp(3rem, 2rem + 5vw, 6rem);
  --text-hero: clamp(5rem, 26vw, 22rem);

  /* ── Space · 4 pt scale ─────────────────────────────── */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  --page-max:    76rem;
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --section-gap: clamp(4rem, 3rem + 5vw, 7.5rem);
  --section-head-gap: 1.25rem;

  /* ── Chrome sizes ───────────────────────────────────── */
  --banner-h: 40px;
  --bar-h:    64px;

  /* ── Rules, radii, shadows ──────────────────────────── */
  --rule-thin:  2px;
  --rule-thick: 4px;
  --radius-0:   0;
  --radius-sm:  4px;
  --radius-pill: 999px;
  --shadow-hard:    4px 4px 0 var(--color-ink);
  --shadow-hard-lg: 6px 6px 0 var(--color-ink);
  --shadow-hard-sm: 2px 2px 0 var(--color-ink);

  /* ── Motion ─────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;
}