/* ==========================================================================
   LUCY COLSON — TYPE TOKENS

   Font sourcing note (see readme.md "Fonts" section for the full story):
   - Cormorant Garamond + Inter are used exactly as specified (Google Fonts).
   - Anka Coder — real font file supplied by the user (assets/fonts), OFL
     licensed, safe for commercial use.
   - Respondent Medium — real font file supplied by the user (assets/fonts),
     but the file itself is labelled PERSONAL USE ONLY by its foundry
     (mansgreback.com). It is wired in below so the system looks right, but
     a commercial license must be purchased before shipping this in any
     real (non-personal) deliverable — flagged again in readme.md.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@300;400;500;600&display=swap');

@font-face {
  font-family: 'Anka Coder';
  src: url('../assets/fonts/AnkaCoder-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Respondent';
  src: url('../assets/fonts/RespondentMedium-PERSONAL_USE_ONLY.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- Font families --------------------------------------------------- */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;   /* Logo + H1 only */
  --font-body: 'Inter', -apple-system, sans-serif;                  /* all other headings + body */
  --font-accent-mono: 'Anka Coder', 'Courier New', monospace;       /* captions/short lines, social */
  --font-accent-script: 'Respondent', cursive;                      /* accents, social posts — PERSONAL USE ONLY license, see readme.md */

  /* ---- Weights ------------------------------------------------------- */
  --weight-display: 500;      /* Cormorant Garamond medium */
  --weight-body-light: 300;   /* Inter light — default body */
  --weight-body-regular: 400;
  --weight-body-medium: 500;
  --weight-body-semibold: 600;
  --weight-mono-regular: 400;
  --weight-mono-bold: 700;

  /* ---- Type scale (fluid-ish, fixed steps) --------------------------- */
  --text-display-1: 600 68px/1.05 var(--font-display);   /* H1 hero */
  --text-display-2: 500 44px/1.12 var(--font-display);   /* H1 section */
  --text-heading-1: 300 28px/1.3 var(--font-body);       /* Inter, H2 */
  --text-heading-2: 300 20px/1.35 var(--font-body);      /* Inter, H3 */
  --text-heading-3: 500 15px/1.4 var(--font-accent-mono);       /* Anka Coder, eyebrow/label */
  --text-body-lg: 300 19px/1.6 var(--font-body);
  --text-body: 300 16px/1.65 var(--font-body);
  --text-body-sm: 300 14px/1.6 var(--font-body);
  --text-caption: 400 13px/1.5 var(--font-accent-mono);
  --text-script-accent: 400 32px/1.2 var(--font-accent-script);

  --tracking-eyebrow: 0.12em;
  --tracking-caption: 0.02em;
}