/* ============================================================
   Spicy Margarita — Typography tokens
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Spicy Margarita", "Times New Roman", serif;
  --font-sans:    "Google Sans Flex", "Helvetica Neue", Arial, sans-serif;

  /* ---- Weights (Google Sans Flex) ---- */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-black:    800; /* @kind font */

  /* ---- Display scale (editorial serif headlines) ---- */
  --fs-display-xl: 5rem;     /* 80px — cover headline */
  --fs-display-lg: 3.5rem;   /* 56px — section headline */
  --fs-display-md: 2.5rem;   /* 40px — card headline */
  --fs-display-sm: 1.75rem;  /* 28px — small serif accent */

  /* ---- Sans scale (UI + body) ---- */
  --fs-headline:  2rem;      /* 32px — bold sans headline mode */
  --fs-title:     1.5rem;    /* 24px */
  --fs-lg:        1.25rem;   /* 20px */
  --fs-body:      1.0625rem; /* 17px — default body */
  --fs-sm:        0.9375rem; /* 15px */
  --fs-xs:        0.8125rem; /* 13px — kicker / meta */

  /* ---- Line heights ---- */
  --lh-display: 0.98;   /* @kind font */
  --lh-tight:   1.1;    /* @kind font */
  --lh-snug:    1.3;    /* @kind font */
  --lh-body:    1.55;   /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display: -0.01em;  /* @kind font */
  --ls-tight:   -0.02em;  /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-kicker:  0.18em;   /* @kind font */
}