/* Tehzeeb Mithai — Color tokens
 * A warm heritage palette: deep mithai-maroon, festive Tehzeeb crimson,
 * and a family of creams pulled straight from the source file. Values are
 * verbatim transcriptions — do not snap to a grid or web-safe palette.
 */
:root {
  /* ---- Base: Maroon (the brand's grounding ink) ---- */
  --maroon-950: rgb(34, 0, 9);      /* nav & darkest section backgrounds */
  --maroon-900: rgb(44, 0, 10);     /* dark section fill */
  --maroon-850: rgb(44, 10, 18);
  --maroon-800: rgb(60, 0, 13);     /* primary text on cream — the workhorse */
  --maroon-700: rgb(70, 1, 16);     /* secondary maroon text / links */
  --maroon-600: rgb(72, 8, 23);
  --maroon-500: rgb(108, 0, 24);

  /* ---- Base: Crimson (festive Tehzeeb red — CTAs, sale) ---- */
  --crimson-700: rgb(139, 20, 37);
  --crimson-600: rgb(164, 0, 36);   /* corner "Shop Now" tab */
  --crimson-500: rgb(190, 18, 56);  /* primary button fill */
  --pink-400: rgb(242, 34, 83);     /* bright highlight pill */

  /* ---- Base: Warm accents ---- */
  --saffron-500: rgb(244, 162, 40); /* gold / saffron accent */
  --amber-500: rgb(244, 120, 62);   /* soft orange glow behind imagery */
  --olive-600: rgb(64, 79, 29);     /* pistachio / herbal accent */

  /* ---- Base: Cream & surfaces ---- */
  --cream-100: rgb(249, 229, 203);  /* the signature cream — section fills */
  --cream-050: rgb(254, 246, 228);
  --paper-100: rgb(247, 242, 234);  /* lightest warm page surface */
  --paper-200: rgb(244, 237, 230);
  --paper-300: rgb(239, 230, 218);  /* card image plate on light cards */
  --white: rgb(255, 255, 255);
  --black: rgb(0, 0, 0);

  /* ---- Base: Neutrals (warm taupe) ---- */
  --taupe-400: rgb(208, 183, 165);
  --taupe-500: rgb(186, 161, 157);  /* hairline dividers on cream */
  --stone-600: rgb(126, 121, 117);
  --stone-700: rgb(54, 53, 53);     /* thin card border on featured images */

  /* ---- Semantic aliases ---- */
  --bg-page: var(--white);
  --bg-cream: var(--cream-100);
  --bg-paper: var(--paper-100);
  --bg-dark: var(--maroon-950);
  --surface-card: var(--paper-300);
  --surface-card-alt: var(--white);

  --text-primary: var(--maroon-800);   /* body & headings on cream */
  --text-secondary: var(--maroon-700);
  --text-muted: rgba(60, 0, 13, 0.8);
  --text-on-dark: var(--cream-100);     /* cream reads as "white" on maroon */
  --text-on-dark-strong: var(--white);

  --accent: var(--crimson-500);
  --accent-hover: var(--crimson-600);
  --accent-contrast: var(--white);

  --border-hairline: rgba(60, 0, 13, 0.3);   /* dividers inside cards */
  --border-taupe: var(--taupe-500);
  --border-thin: var(--stone-700);
  --border-on-dark: rgba(255, 255, 255, 0.12);

  --link: var(--maroon-700);
  --link-hover: var(--crimson-500);
}