/*
  Site theme — shared by index.html and every page in case-studies/.
  Colors and fonts live here only. To restyle the site, change these values
  (and the font import) instead of editing each page.
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter+Tight:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* Colors */
  --bg: #FFFFFF;        /* page background */
  --bg-2: #F6F6F4;      /* subtle panel (e.g. behind the About photo) */
  --ink: #16181C;       /* primary text, strong rules */
  --ink-2: #3B3F46;     /* secondary text */
  --muted: #6A6E75;     /* labels, captions, dates */
  --hair: #E5E5E2;      /* hairline borders */
  --accent: #1E5B4A;    /* deep green: links, numbers, highlighted words */

  /* Fonts */
  --font-display: 'Inter Tight', 'Inter', sans-serif; /* headings, titles */
  --font-body: 'Inter', sans-serif;                   /* body text */
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace; /* labels, dates, numbers */
}

html, body { background: var(--bg); }
body { font-family: var(--font-body); }