/* Tehzeeb Mithai — Typography tokens
 * Display: Playfair Display (substitute for "Black Mango"). Big, warm, serif.
 * Body/UI: Inter. Sizes & line-heights transcribed from the source file —
 * note the odd values (17.115px, 41.1px line-height) are intentional.
 */
:root {
  --font-display: 'Playfair Display', 'Black Mango', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* ---- Display scale (Playfair / "Black Mango") ---- */
  --text-hero: 90px;        /* section titles: "Trending Now", "Celebrate…" */
  --text-hero-lh: 109px;
  --text-hero-ls: 2px;
  --text-display: 62px;     /* large hero statements */
  --text-display-sm: 50px;  /* occasion card title "Eid-ul-Fitar" */

  /* ---- Body / UI scale (Inter) ---- */
  --text-2xl: 24px;         /* product name (light card) */
  --text-xl: 22px;          /* product name (dark card) */
  --text-lg: 21px;          /* "View All" links */
  --text-md: 18px;          /* body copy / descriptions */
  --text-base: 17px;        /* price, buttons, eyebrow (17.115 in source) */
  --text-sm: 16px;          /* add-to-cart */
  --text-xs: 15px;          /* footer copyright */

  /* ---- Weights ---- */
  --fw-light: 300;    /* @kind font */
  --fw-regular: 400;  /* @kind font */
  --fw-medium: 500;   /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700;     /* @kind font */

  /* ---- Semantic text roles ---- */
  --lh-body: 1.72;    /* @kind font */
  --lh-tight: 1.1;    /* @kind font */
}