/* Portfolio tokens: change a value here and every page updates. */
/* ITC Cheltenham Std Light (licensed).
   One weight is served for every serif weight, so all serif text renders in Light. */
@font-face { font-family: 'Cheltenham'; src: url('../assets/fonts/CheltenhamStdLight.otf') format('opentype'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cheltenham'; src: url('../assets/fonts/CheltenhamStdLightItalic.otf') format('opentype'); font-weight: 100 900; font-style: italic; font-display: swap; }

:root {
  /* Ink and text */
  --ink: #1E1410;          /* headings, nav, lines */
  --text-body: #2A1D16;    /* case study paragraphs */
  --text-soft: #3A2C24;    /* home descriptions, labels */
  --muted: #6B5446;        /* small captions, meta labels */
  --muted-2: #5C4A3E;      /* quieter captions */

  /* Accents */
  --accent: #C84508;       /* orange text accent, highlighted diagram boxes */
  --accent-bright: #F7964B;/* name star, link hover */
  --accent-hero: #D95000;  /* hero background, buttons */
  --rust: #8F2F0B;         /* friction notes in diagrams */

  /* Status */
  --live-text: #1F5A2E;
  --live-dot: #2DA556;

  /* Surfaces */
  --paper: #F7F3EE;        /* home page background */
  --panel: #FBF4EC;        /* diagram panels, boxes */
  --rule: #D9C6B4;         /* dividers */
  --tint-material: #F3E4D3;
  --tint-crewcast: #F0DCD2;
  --tint-cabincrew: #EEE4D2;
  --tint-helios: #E7E4D6;

  /* Type */
  --font-sans: 'Archivo', system-ui, sans-serif;
  --font-serif: 'Cheltenham', 'Newsreader', Georgia, serif;   /* was 'Newsreader', Georgia, serif */
  --w-light: 300;
  --w-regular: 400;
  --w-medium: 500;
  --w-bold: 600;

  /* Type scale: even sizes on the Tailwind default scale (14, 16, 18, 20, 24, 36, 48, 60, 72).
     Headings scale with the screen and reach their largest size at 1440px wide. */
  --fs-display: clamp(48px, 5vw, 72px);      /* project names on home cards */
  --fs-h1: clamp(36px, 4.1667vw, 60px);      /* page titles, home statement, outcome figures */
  --fs-h2: clamp(30px, 3.3333vw, 48px);      /* section headings, quotes, big numbers */
  --fs-h3: clamp(24px, 2.5vw, 36px);         /* closing line, card numbers */
  --fs-statement: 24px;                      /* contact links on home */
  --fs-body: 20px;                           /* case study paragraphs, intro */
  --fs-large: 18px;                          /* nav links, back link, serif notes */
  --fs-small: 16px;                          /* header bar, buttons, descriptions, diagram boxes, meta */
  --fs-caption: 14px;                        /* tags, image captions, status, tooltips */

  /* Line heights */
  --lh-tight: 1.1;                           /* display and page titles */
  --lh-heading: 1.2;                         /* section headings, quotes */
  --lh-ui: 1.5;                              /* labels, captions, diagram text */
  --lh-body: 1.6;                            /* reading paragraphs */
}

/* Text that sets no size of its own falls back to the small size, never the browser's 16px. */
body { font-size: var(--fs-small); }