/* Coverage by Design design tokens, v1.0 (proposed 2026-11-07).
   One source for color, type, spacing and motion. Pages, drawings, sample
   documents and the future application all read from these names.
   Layout concept: a drawing sheet. One building, annotated; hairline frames,
   a 12-column grid, generous margins, notes in a technical mono. */

@font-face {
  font-family: "Archivo WBD";
  src: url("../fonts/archivo-var.woff2") format("woff2-variations"),
       url("../fonts/archivo-var.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plex Mono WBD";
  src: url("../fonts/plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plex Mono WBD";
  src: url("../fonts/plex-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Surfaces and ink */
  --paper: #F7F6F2;          /* page canvas, warm white */
  --paper-2: #EEECE6;        /* alternate band */
  --surface: #FFFFFF;        /* drawing sheets, sample documents, fields */
  --ink: #1C2024;            /* charcoal text and linework */
  --ink-2: #464E55;          /* secondary text */
  --ink-3: #5F6770;          /* captions, labels (4.5:1 on paper-2) */
  --line: #DAD7CF;           /* hairlines */
  --line-2: #BEB9AE;         /* stronger dividers, decorative */
  --field-border: #8F8A80;   /* form control borders (3:1 on surface) */

  /* Action and signal */
  --accent: #0A6774;         /* links, primary buttons, signal brand color */
  --accent-hover: #08525C;
  --accent-ink: #FFFFFF;     /* text on accent */
  --accent-wash: #E2EFF0;

  /* Drawing semantics */
  --signal: #0F7C8A;         /* outside signal, arcs, loss ribbons */
  --c3: #237C88;             /* condition: good */
  --c2: #7DBCC5;             /* condition: fair */
  --c1: #D3EAEC;             /* condition: weak */
  --hatch: #8A8F8C;          /* condition: little or none (hatched) */
  --redline: #C2382B;        /* designer markup: controlling element, remaining need */
  --sys: #0A6774;            /* remaining wireless system */
  --glass: #C9DCE0;
  --glass-coat: #4F7D87;
  --glass-new: #EEF7F8;
  --earth: #CFCAC0;

  /* Status */
  --ok: #2F6B3A;
  --warn: #8A5A00;
  --error: #B42318;
  --focus: #0A6774;

  --shadow: 0 1px 0 rgb(28 32 36 / 4%), 0 10px 30px -14px rgb(28 32 36 / 22%);

  /* Type */
  --font-sans: "Archivo WBD", "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "Plex Mono WBD", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --stretch-display: 116%;
  --stretch-sub: 108%;
  --stretch-body: 100%;

  --t-xs: 0.8125rem;    /* 13px  labels, notes */
  --t-sm: 0.9375rem;    /* 15px  captions, nav */
  --t-base: 1.0625rem;  /* 17px  body */
  --t-lg: 1.25rem;      /* 20px  lead */
  --t-h4: 1.125rem;
  --t-h3: clamp(1.25rem, 1.12rem + 0.55vw, 1.5rem);
  --t-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --t-h1: clamp(2.25rem, 1.45rem + 3.3vw, 4.25rem);
  --t-hero: clamp(2.5rem, 1.25rem + 5vw, 5.75rem);

  /* Space (4px base) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;
  --section: clamp(64px, 8.5vw, 128px);

  /* Layout */
  --page-max: 1240px;
  --text-max: 66ch;
  --header-h: 68px;
  --radius: 2px;

  /* Motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: .45s;

  color-scheme: light;
}

/* One look for every visitor (build 1.6): the site no longer switches to a dark theme when the device
   is in dark mode. Dark is a design choice made per band with the .night scope in site.css. */