/* Agents4CFD design tokens: the one palette and type system every page on the site uses.
   Adopted from the Agent Anatomy page (2026-09-23), whose two identity colours are the project's own
   distinction: blue for what deterministic code decides, orange for what the language model decides.
   Every name is prefixed --a4- so that it never collides with a served page's own variables; the
   bridges in bridge/ re-point those variables at these. */
:root{
  --a4-bg:#F4F6F8; --a4-surface:#FFFFFF; --a4-surface-2:#EBEFF3; --a4-surface-3:#E1E7ED;
  --a4-ink:#15202B; --a4-ink-2:#3E4C5A; --a4-ink-3:#687684;
  --a4-rule:#D3DAE1; --a4-rule-2:#B9C3CD;
  --a4-det:#1D5E8C; --a4-det-soft:#E2EDF6;
  --a4-model:#B4531B; --a4-model-soft:#FAEBDF;
  --a4-ok:#2B7A48; --a4-ok-soft:#E1F1E6;
  --a4-bad:#B0281F; --a4-bad-soft:#F8E3E1;
  --a4-warn:#8A6100; --a4-warn-soft:#F7EDD2;
  --a4-code-bg:#EEF2F5; --a4-code-ink:#1B2733; --a4-code-dim:#6A7886;
  --a4-shadow:0 1px 2px rgba(21,32,43,.06), 0 4px 14px rgba(21,32,43,.05);
  --a4-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --a4-body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --a4-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --a4-radius:6px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --a4-bg:#0D1318; --a4-surface:#141C23; --a4-surface-2:#1A242D; --a4-surface-3:#223040;
    --a4-ink:#E3E9EF; --a4-ink-2:#B2BECA; --a4-ink-3:#8392A0;
    --a4-rule:#26323D; --a4-rule-2:#34424F;
    --a4-det:#6CB0E3; --a4-det-soft:#132A3B;
    --a4-model:#F29A5E; --a4-model-soft:#35210F;
    --a4-ok:#6CC790; --a4-ok-soft:#12301F;
    --a4-bad:#F08A80; --a4-bad-soft:#3A1715;
    --a4-warn:#E2B85A; --a4-warn-soft:#332810;
    --a4-code-bg:#10181F; --a4-code-ink:#D9E2EA; --a4-code-dim:#7F8E9C;
    --a4-shadow:0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25);
  }
}
:root[data-theme="dark"]{
  --a4-bg:#0D1318; --a4-surface:#141C23; --a4-surface-2:#1A242D; --a4-surface-3:#223040;
  --a4-ink:#E3E9EF; --a4-ink-2:#B2BECA; --a4-ink-3:#8392A0;
  --a4-rule:#26323D; --a4-rule-2:#34424F;
  --a4-det:#6CB0E3; --a4-det-soft:#132A3B;
  --a4-model:#F29A5E; --a4-model-soft:#35210F;
  --a4-ok:#6CC790; --a4-ok-soft:#12301F;
  --a4-bad:#F08A80; --a4-bad-soft:#3A1715;
  --a4-warn:#E2B85A; --a4-warn-soft:#332810;
  --a4-code-bg:#10181F; --a4-code-ink:#D9E2EA; --a4-code-dim:#7F8E9C;
  --a4-shadow:0 1px 2px rgba(0,0,0,.3), 0 4px 14px rgba(0,0,0,.25);
}