/* DFYN Atelier — Typography
   ------------------------------------------------------------------
   Poppins carries everything: rounded-geometric, friendly, confident.
   The studio leans on heavy weights (700–900) for big lockups, generous
   tracking on small ALL-CAPS labels, and tight leading on display.
   Archivo is the impact face for the echoed condensed ALL-CAPS headers.
   JetBrains Mono is for code/tokens only. */

:root {
  /* ---- Families ---- */
  --font-display: 'Poppins', system-ui, sans-serif;
  --font-ui: 'Poppins', system-ui, sans-serif;
  --font-body: 'Poppins', system-ui, sans-serif;
  --font-impact: 'Archivo', 'Poppins', system-ui, sans-serif; /* heavy ALL-CAPS lockups */
  --font-elegant: 'Cormorant Garamond', Georgia, serif; /* refined register — pairs with the MDL monogram */
  --font-mono: 'JetBrains Mono', ui-monospace, 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 */
  --fw-extrabold: 800; /* @kind other */
  --fw-black: 900; /* @kind other */

  /* ---- Type scale (display-forward) ---- */
  --fs-display: 5rem;     /* 80px — hero "DFYN Atelier" */
  --fs-h1: 3.25rem;       /* 52px */
  --fs-h2: 2.25rem;       /* 36px */
  --fs-h3: 1.625rem;      /* 26px */
  --fs-h4: 1.25rem;       /* 20px */
  --fs-lg: 1.125rem;      /* 18px */
  --fs-body: 1rem;        /* 16px */
  --fs-sm: 0.875rem;      /* 14px */
  --fs-xs: 0.75rem;       /* 12px */
  --fs-label: 0.8125rem;  /* 13px — tracked ALL-CAPS labels */

  /* ---- Line heights ---- */
  --lh-tight: 1.02; /* @kind other */
  --lh-snug: 1.18; /* @kind other */
  --lh-normal: 1.5; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* ---- Tracking ---- */
  --ls-tight: -0.02em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-label: 0.14em; /* @kind other */
  --ls-wide: 0.06em; /* @kind other */

  /* ---- Semantic roles ---- */
  --type-display-size: var(--fs-display);
  --type-display-weight: var(--fw-black);
  --type-display-leading: var(--lh-tight);

  --type-heading-weight: var(--fw-bold);
  --type-heading-leading: var(--lh-snug);

  --type-body-size: var(--fs-body);
  --type-body-weight: var(--fw-regular);
  --type-body-leading: var(--lh-normal);

  --type-label-size: var(--fs-label);
  --type-label-weight: var(--fw-semibold);
  --type-label-tracking: var(--ls-label);
}