/* ============================================================
   DS SIGHT — Typography Tokens
   Four roles: Display wordmark (Cinzel), Script accent (Allura),
   UI headings (Montserrat), Body (Inter).
   Letter spacing is a feature — be generous with tracking on caps.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Cinzel", "Trajan Pro", Georgia, serif;   /* Hero / wordmark, all-caps chrome */
  --font-script:  "Allura", "Great Vibes", cursive;          /* One emotional word per layout */
  --font-ui:      "Montserrat", "Helvetica Neue", sans-serif;/* Headings, labels, all-caps */
  --font-body:    "Inter", "Poppins", system-ui, sans-serif; /* Body, paragraphs, controls */

  /* ---- Weights ---- */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;

  /* ---- Type scale (px) ---- */
  --text-hero:    88px; /* Cinzel light, chrome gradient */
  --text-display: 64px;
  --text-h1:      40px;
  --text-h2:      28px;
  --text-h3:      20px;
  --text-body-lg: 18px;
  --text-base:    16px;
  --text-sm:      14px;
  --text-label:   12px; /* all caps, tracked, chrome-mid */
  --text-script:  48px;

  /* ---- Line heights ---- */
  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.6;

  /* ---- Letter spacing (tracking) ---- */
  --tracking-wordmark: 0.3em;  /* DS SIGHT / contextual labels */
  --tracking-label:    0.15em; /* microcopy / labels, all caps */
  --tracking-heading:  0.1em;  /* Montserrat section labels */
  --tracking-wide:     0.05em;
  --tracking-normal:   0;

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  --type-hero-family:   var(--font-display);
  --type-hero-size:     var(--text-hero);
  --type-hero-weight:   var(--weight-light);

  --type-heading-family: var(--font-ui);
  --type-heading-weight: var(--weight-medium);

  --type-body-family:    var(--font-body);
  --type-body-weight:    var(--weight-regular);

  --type-label-family:   var(--font-ui);
  --type-label-weight:   var(--weight-medium);
  --type-label-tracking: var(--tracking-label);
}