/* brandonbethea.com design standard v1 (2026-10-11): "B + C fonts".
   B (Instrument) colors and grid; Newsreader headlines; Figtree body and labels; IBM Plex Mono for numbers and data labels.
   Every page, the Casebook, role pages, designed resume and cover letter use these tokens. Change the look here only. */
/* Self-hosted fonts (no third-party requests; works behind corporate firewalls). Paths are site-root absolute. */
@font-face{font-family:"Newsreader";src:url("/fonts/newsreader-latin-standard-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/fonts/newsreader-latin-standard-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Figtree";src:url("/fonts/figtree-latin-wght-normal.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
/* Metric-matched fallbacks keep layout steady if a font is slow or blocked. */
@font-face{font-family:"Newsreader Fallback";src:local("Georgia");size-adjust:96%}
@font-face{font-family:"Figtree Fallback";src:local("Arial"),local("Helvetica Neue");size-adjust:104%}
:root{
  /* type */
  --font-display:"Newsreader","Newsreader Fallback",Georgia,"Times New Roman",serif;
  --font-body:"Figtree","Figtree Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-metric:var(--font-display);
  --font-data:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --w-display:500; --w-body:400; --w-strong:600;
  --fs-xs:.75rem; --fs-sm:.875rem; --fs-base:1.0625rem; --fs-md:1.25rem; --fs-lg:1.6rem; --fs-xl:2.2rem; --fs-2xl:clamp(2.2rem,4.6vw,3.2rem);
  --lh-tight:1.1; --fs-dek:clamp(1.05rem,1.2vw,1.15rem); --lh-dek:1.55; --dek-measure:36rem; --lh-body:1.6; --label-ls:.09em; --measure:66ch;
  /* color (light) */
  --bg:#F6F7F9; --surface:#FFFFFF; --soft:#E3EEF4; --ink:#0B1220; --ink-2:#273142; --muted:#4D5768;
  --rule:#DDE1E7; --rule-strong:#B9C0CB; --accent:#0B6E99; --on-accent:#FFFFFF;
  /* lanes: one palette for cards, career map, filters and resumes */
  --lane-insights:#0B6E99; --lane-measurement:#6B4FBB; --lane-products:#A15C0A;
  /* shape and space */
  --r-sm:2px; --r-md:4px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:72px;
  --page-max:1120px; --gutter:clamp(16px,4vw,48px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F141B; --surface:#151C26; --soft:#16283A; --ink:#E9EDF2; --ink-2:#C8D0DB; --muted:#A3AEBD;
  --rule:#263142; --rule-strong:#3A4759; --accent:#5FB3D9; --on-accent:#0B1220;
  --lane-insights:#5FB3D9; --lane-measurement:#A993F0; --lane-products:#E0A15A; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F141B; --surface:#151C26; --soft:#16283A; --ink:#E9EDF2; --ink-2:#C8D0DB; --muted:#A3AEBD;
  --rule:#263142; --rule-strong:#3A4759; --accent:#5FB3D9; --on-accent:#0B1220;
  --lane-insights:#5FB3D9; --lane-measurement:#A993F0; --lane-products:#E0A15A; color-scheme:dark}
/* Allowed exceptions: client brand colors inside a single case (e.g., ASU maroon/gold), scoped to that case only. */