/* ============================================================
   CAMEC · Typography tokens
   Display: Sora (geometric, technical — echoes the CAMEC wordmark)
   Body:    Mulish (humanist, highly legible — built for 40+ comfort)
   Both carry full Turkish (İ ı ğ ş ç ö ü) glyph coverage.
   ============================================================ */
:root {
  --font-display: 'Sora', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body:    'Mulish', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Type scale (px — tuned for a trustworthy marketing surface) ---- */
  --fs-display: 68px;   /* hero headline */
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 27px;
  --fs-h4: 21px;
  --fs-lead: 20px;      /* intro paragraph */
  --fs-body: 17px;      /* default body — generous for 40+ readers */
  --fs-sm: 15px;
  --fs-xs: 13px;
  --fs-overline: 13px;  /* tracked caps eyebrow */

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

  /* ---- Line heights ---- */
  --lh-tight: 1.06;    /* @kind other */
  --lh-snug: 1.2;      /* @kind other */
  --lh-heading: 1.25;  /* @kind other */
  --lh-body: 1.65;     /* @kind other */
  --lh-relaxed: 1.75;  /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display: -0.02em;  /* @kind other */
  --ls-heading: -0.012em; /* @kind other */
  --ls-body: 0;           /* @kind other */
  --ls-overline: 0.16em;  /* @kind other */
  --ls-wordmark: 0.28em;  /* @kind other */
}