/* Atelier Kell — typography. Three faces, three jobs:
   Libre Caslon Display  → headlines and tile titles only
   Libre Caslon Text     → italic pull quotes, index numerals, employer names. Never body paragraphs.
   Public Sans 300/400/500 → everything else */
:root{
  --ak-font-display:"Libre Caslon Display","Times New Roman",Georgia,serif;
  --ak-font-serif-text:"Libre Caslon Text",Georgia,serif;
  --ak-font-sans:"Public Sans",-apple-system,"Helvetica Neue",sans-serif;
  --ak-font-mono:ui-monospace,SFMono-Regular,Menlo,monospace; /* reference material only, not brand */

  --ak-weight-light:300;
  --ak-weight-regular:400;
  --ak-weight-medium:500;

  /* Size scale — exact values from the style guide */
  --ak-size-11:11px; --ak-size-12:12px; --ak-size-13:13px; --ak-size-14:14px;
  --ak-size-15:15px; --ak-size-16:16px; --ak-size-17:17px; --ak-size-20:20px;
  --ak-size-22:22px; --ak-size-24:24px; --ak-size-26:26px; --ak-size-28:28px;
  --ak-size-34:34px; --ak-size-36:36px; --ak-size-40:40px; --ak-size-42:42px;
  --ak-size-44:44px; --ak-size-52:52px; --ak-size-56:56px;

  --ak-leading-tight:1.25;
  --ak-leading-hero:1.28;
  --ak-leading-heading:1.3;
  --ak-leading-quote:1.5;
  --ak-leading-body:1.6;
  --ak-leading-body-loose:1.7;

  --ak-track-wordmark:0.06em;
  --ak-track-nav:0.08em;
  --ak-track-button:0.1em;
  --ak-track-label:0.15em;
  --ak-track-kicker:0.2em;
  --ak-track-kicker-wide:0.22em;

  /* --- Semantic roles --- */
  --type-hero-family:var(--ak-font-display);
  --type-hero-size:var(--ak-size-52);
  --type-hero-leading:var(--ak-leading-hero);

  --type-section-family:var(--ak-font-display);
  --type-section-size:var(--ak-size-40);

  --type-subhead-family:var(--ak-font-display);
  --type-subhead-size:var(--ak-size-24);   /* tile titles, service names: 22–24px */

  --type-stat-family:var(--ak-font-display);
  --type-stat-size:var(--ak-size-56);

  --type-quote-family:var(--ak-font-serif-text);
  --type-quote-size:var(--ak-size-28);
  --type-quote-style:italic;/* @kind other */

  --type-body-family:var(--ak-font-sans);
  --type-body-size:var(--ak-size-17);
  --type-body-weight:var(--ak-weight-light);
  --type-body-leading:var(--ak-leading-body);
  --type-body-measure:65ch;/* @kind other */

  --type-caption-size:var(--ak-size-14);

  --type-kicker-family:var(--ak-font-sans);
  --type-kicker-size:var(--ak-size-12);
  --type-kicker-weight:var(--ak-weight-medium);
  --type-kicker-track:var(--ak-track-kicker);

  --type-nav-size:var(--ak-size-13);
  --type-nav-track:var(--ak-track-nav);
}