/* ============================================================
   Reality Breaker — Typography tokens
   Headlines: Fraunces (storybook serif, generous optical size)
   Body / UI: Inter
   Headlines large, body generous, lots of whitespace.
   ============================================================ */

:root {
  /* ---- Families -------------------------------------------- */
  --font-display: "Fraunces", "Georgia", "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Fraunces optical-size axis: lean dark/soft for big display */
  --font-display-opsz: "opsz" 144; /* @kind other */

  /* ---- Weights --------------------------------------------- */
  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:    700; /* @kind other */
  --fw-black:   900; /* @kind other */

  /* ---- Display scale (Fraunces) ---------------------------- */
  --text-display-2xl: 5.5rem;   /* 88px hero                    */
  --text-display-xl:  4rem;     /* 64px page title              */
  --text-display-lg:  3rem;     /* 48px section title           */
  --text-display-md:  2.25rem;  /* 36px sub-section             */
  --text-display-sm:  1.75rem;  /* 28px card heading            */

  /* ---- Body scale (Inter) ---------------------------------- */
  --text-xl:   1.375rem;  /* 22px lead paragraph                */
  --text-lg:   1.125rem;  /* 18px generous body                 */
  --text-base: 1rem;      /* 16px body                          */
  --text-sm:   0.875rem;  /* 14px meta                          */
  --text-xs:   0.75rem;   /* 12px label / overline              */

  /* ---- Line heights ---------------------------------------- */
  --leading-tight:   1.05;  /* big display                      */
  --leading-snug:    1.2;   /* headings                         */
  --leading-normal:  1.6;   /* body, generous                   */
  --leading-relaxed: 1.75;  /* long-form reading                */

  /* ---- Letter spacing -------------------------------------- */
  --tracking-tight:   -0.02em; /* display                       */
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-overline:0.16em;  /* uppercase eyebrow / overline  */
}