/* ============================================================
   Chef Cut — Typography tokens
   Roles transcribed from brand book §03 Typography.
   ============================================================ */
:root {
  /* ---- Families (see fonts.css for substitution notes) ---- */
  --font-display: "Saira SemiCondensed", "PP Formula", "Arial Narrow", sans-serif; /* headlines */
  --font-serif:   "Newsreader", "Berlingske Serif", Georgia, "Times New Roman", serif; /* eyebrows / subheads */
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* body */
  --font-script:  "Alex Brush", "Bethany Avenue", "Brush Script MT", cursive; /* handwritten accents */

  /* ---- Weights ---- */
  --fw-body-light:  300; /* @kind font */
  --fw-body:        400; /* @kind font */
  --fw-body-medium: 500; /* @kind font */
  --fw-body-semi:   600; /* @kind font */
  --fw-body-bold:   700; /* @kind font */
  --fw-serif:       500; /* @kind font */
  --fw-serif-demi:  600; /* @kind font */
  --fw-display:     800; /* @kind font */

  /* ---- Display scale (PP Formula / Saira SemiCondensed) ----
     Condensed, tight tracking, near-1 line-height. */
  --display-1: 102px;  /* hero statement (Care. Craft. Connection.) */
  --display-2: 68px;
  --display-3: 48px;
  --display-tracking: -0.02em; /* @kind font */
  --display-leading: 0.9; /* @kind font */

  /* ---- Serif scale (Berlingske / Newsreader) ---- */
  --serif-1: 48px;
  --serif-2: 34px;  /* section titles: "Our promise", "Stock up" */
  --serif-3: 30px;
  --serif-4: 24px;
  --serif-tracking: -0.01em; /* @kind font */

  /* ---- Body scale (Inter) ---- */
  --body-xl: 24px;
  --body-lg: 20px;
  --body-md: 18px;
  --body:    14px;  /* default body copy */
  --body-sm: 13px;
  --body-leading: 1.35; /* @kind font */

  /* ---- Eyebrow / label (Inter, letterspaced, uppercase) ---- */
  --eyebrow: 13px;
  --eyebrow-tracking: 0.2em; /* @kind font */

  /* ---- Script accents (Bethany Avenue / Alex Brush) ---- */
  --script-lg: 119px; /* "Approved" signature */
  --script-md: 64px;
}