/* ============================================================
   TYPOGRAPHY — Bogomolova Design System
   Three voices:
   1. DISPLAY  — Oswald, uppercase, condensed bold grotesque.
                 Big section words: PORTFOLIO / EXPERIENCE / SKILLS.
   2. SERIF    — Playfair Display italic, the elegant antiqua
                 subhead ("Fashion & Creative", "Brand & Production").
   3. BODY     — Golos Text, calm contemporary grotesque for reading.
   Plus HAND (Caveat) for marker annotations and MONO for micro-credits.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Oswald', 'Arial Narrow', system-ui, sans-serif;
  --font-serif:   'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Golos Text', system-ui, -apple-system, sans-serif;
  --font-hand:    'Caveat', 'Segoe Script', cursive;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

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

  /* ---- Display scale (Oswald, uppercase) ---- */
  --text-hero:      clamp(3.5rem, 11vw, 9rem);   /* the name / giant word */
  --text-display:   clamp(2.5rem, 6vw, 4.5rem);  /* section headers */
  --text-headline:  clamp(1.75rem, 3.2vw, 2.5rem);
  --text-title:     1.375rem;                    /* card titles */

  /* ---- Serif scale (Playfair italic subheads) ---- */
  --text-subhead:   clamp(1.25rem, 2.4vw, 1.875rem);
  --text-quote:     clamp(1.5rem, 3vw, 2.25rem);

  /* ---- Body scale (Golos Text) ---- */
  --text-lead:      1.25rem;    /* intro paragraphs */
  --text-body:      1rem;       /* default reading */
  --text-small:     0.875rem;   /* captions, meta */
  --text-micro:     0.75rem;    /* mono credits, badges */

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

  /* ---- Letter spacing ---- */
  --ls-display:  0.02em;   /* @kind other */
  --ls-label:    0.18em;   /* @kind other */
  --ls-tight:    -0.01em;  /* @kind other */
  --ls-normal:   0;        /* @kind other */
}