/* ============================================================
   Stella Rescue & Sanctuary — Typography Tokens
   ------------------------------------------------------------
   Font substitutions (Google Fonts) — see README "Visual
   Foundations". The original logo lockup was hand-set; these
   are the closest freely-available matches:
     • Script "Stella" flourish  -> Allura
     • Serifed caps (RESCUE...)  -> Cormorant Garamond
     • Body / UI                 -> Nunito Sans
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Nunito+Sans:ital,opsz,wght@0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;1,6..12,400&family=Space+Mono:wght@400;700&display=swap');

:root {
  /* --- Families --- */
  --font-script:  'Allura', 'Segoe Script', cursive;              /* brand flourish only */
  --font-display: 'Cormorant Garamond', 'Hoefler Text', Georgia, serif;
  --font-serif:   'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Nunito Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui:      var(--font-body);
  --font-mono:    'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

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

  /* --- Type scale (rem, 1rem = 16px) --- */
  --fs-display: 4.5rem;   /* 72 — hero */
  --fs-h1:      3rem;     /* 48 */
  --fs-h2:      2.25rem;  /* 36 */
  --fs-h3:      1.75rem;  /* 28 */
  --fs-h4:      1.375rem; /* 22 */
  --fs-lg:      1.25rem;  /* 20 */
  --fs-body:    1.0625rem;/* 17 — comfortable reading */
  --fs-base:    1rem;     /* 16 */
  --fs-sm:      0.875rem; /* 14 */
  --fs-xs:      0.75rem;  /* 12 — labels / meta */

  /* --- Line heights --- */
  --lh-tight:   1.1; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* --- Letter spacing --- */
  --ls-tightest: -0.02em; /* @kind other */
  --ls-tight:  -0.01em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide:   0.04em; /* @kind other */
  --ls-wider:  0.12em; /* @kind other */
  --ls-widest: 0.24em; /* @kind other */

  /* --- Semantic roles --- */
  --role-eyebrow-font: var(--font-serif);
  --role-eyebrow-transform: uppercase; /* @kind other */
  --role-eyebrow-spacing: var(--ls-wider); /* @kind other */
}