/* ============================================================
   Airworthiness Limited — design tokens

   The one place a colour, a typeface or a page ground is decided,
   for BOTH surfaces:

     airworthiness.co        this repo, loaded by every page as a
                             <link> ahead of styles.css
     app.airworthiness.co    the Web Application repo, which keeps a
                             byte-identical copy at
                             src/app/styles/tokens.css

   The app's copy is vendored rather than fetched because the two
   live in separate repos and its build must not depend on this one
   being checked out beside it. A Vitest guard there compares the
   two files and fails if they drift, so the duplicate cannot go
   stale silently. Change a value here, copy the file across, and
   the guard tells you if you forgot.

   Nothing in this file selects anything. It only declares.
   ============================================================ */
:root {
  /* ---- Palette ---- */
  --bg: #ffffff;
  --tint: #f5f7f8;          /* pale-grey alternating band */
  --sky: #e5f5fe;           /* brand sky, used sparingly */
  --title: #212224;         /* headings */
  --body: #303336;          /* body text */
  --muted: rgba(0, 15, 36, 0.5);
  --line: rgba(0, 28, 70, 0.12);
  --accent: #2576eb;        /* Things-family blue: links, icons */
  --accent-strong: #1f6ae0; /* filled buttons: white text ≥4.5:1 */
  --accent-hover: #195cc7;
  --link: #1f6ae0;
  --video-blue: #5c9cf5;    /* Things' "Watch Introduction Video" blue */

  /* ---- Type ---- */
  --serif: Georgia, 'Times New Roman', serif;     /* wordmark only */
  --sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, ui-sans-serif, 'Helvetica Neue', Arial, sans-serif;
  /* Prefer SF Pro Display for large display type; falls back to the stack. */
  --display: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* ---- Grounds ----
     Two page grounds, and both surfaces make the same split: the
     Glacier gradient on the pages that carry the AW mark (the site's
     homepage, the app's landing and sign-in), the calm cool-grey wash
     everywhere else. Glacier is the app icon's own gradient — change
     the icon and you must change it here too. */
  --wash: radial-gradient(130% 80% at 50% -8%, #e9edf2 0%, #f3f5f8 40%, #ffffff 74%);
  --glacier-flat: #edf8fe;
  --glacier: linear-gradient(135deg, #edf8fe 0%, #c9e2f2 100%);

  /* ---- Metrics ---- */
  --maxw: 1080px;
  --radius: 16px;
}