/* ============================================================
   SuroyWear · Typography
   Three voices:
   Fraunces — the storyteller (display, one italic pivot word).
   Inter — the honest interface (body, UI, Studio display).
   IBM Plex Mono — the cargo stamp (eyebrows, coordinates, labels).
   ============================================================ */

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

  /* --- Type scale (fluid; web body base 17px) --- */
  --sw-text-hero:  clamp(2.5rem, 6.5vw, 4.4rem);  /* Fraunces display */
  --sw-text-h1:    clamp(2rem, 4.5vw, 3rem);
  --sw-text-h2:    clamp(1.5rem, 3vw, 2.1rem);
  --sw-text-h3:    1.25rem;                        /* Inter 700 subhead */
  --sw-text-body:  1.0625rem;                      /* 17px */
  --sw-text-small: 0.9rem;                         /* ~14px */
  --sw-text-label: 0.72rem;                        /* ~11.5px mono */

  /* --- Weights --- */
  --sw-weight-body:    400;
  --sw-weight-medium:  500;   /* Fraunces display, mono labels */
  --sw-weight-semibold: 600;  /* buttons, UI */
  --sw-weight-bold:    700;   /* Inter subheads, prices, Commerce headers */
  --sw-weight-black:   800;   /* Studio display */

  /* --- Line heights --- */
  --sw-leading-display: 1.06;
  --sw-leading-heading: 1.15;
  --sw-leading-snug:    1.3;
  --sw-leading-body:    1.65;

  /* --- Tracking --- */
  --sw-tracking-display: -0.01em;  /* Fraunces headlines */
  --sw-tracking-tight:   -0.03em;  /* Commerce Inter 700 headers */
  --sw-tracking-label:   0.14em;   /* mono eyebrows / coordinates (+14%) */
  --sw-tracking-wide:    0.18em;   /* announcement bar / marquee */

  /* --- Optical sizing for Fraunces variable --- */
  font-optical-sizing: auto;
}