/* AeonBridge design tokens, derived from the AeonBridge brand kit.
   Brand colours: Prim-Deep-Navy #1A202B · Primary-Platinum #E1E1E1 · Accent-Cobalt-Blue #1854AE ·
   Accent-Electric #14BBD1 · Accent-Soft #979CA9 · Neutral-Charcoal #2A343E · Neutral-Off-White #F4F6F9 ·
   Highlight-Royal #614586. Two themes: Atlas (light, default) and Observatory (dark).
   Every colour on the site is one of these tokens. Components never hard-code colour. */
:root {
  /* Surfaces */
  --paper: #F4F6F9;          /* Neutral-Off-White */
  --paper-2: #EAEDF1;        /* off-white → platinum step */
  --paper-3: #E1E1E1;        /* Primary-Platinum */
  --ink: #1A202B;            /* Prim-Deep-Navy */
  --ink-2: #2A343E;          /* Neutral-Charcoal */
  --ink-3: #5B6472;          /* Accent-Soft darkened to 5.2:1 on off-white */
  --line: #D3D6DB;
  --line-strong: #979CA9;    /* Accent-Soft */

  /* Brand */
  --meridian: #1854AE;       /* Accent-Cobalt-Blue: links, primary action, bridge (6.6:1 on off-white) */
  --meridian-soft: #DCE6F6;
  --electric: #14BBD1;       /* Accent-Electric: data accents, fills */
  --royal: #614586;          /* Highlight-Royal: inquiry, questions */
  --bridge: #1A202B;         /* the A>B mark */

  /* Entity hues (knowledge object types). Brand hues first; amber, green and red are semantic
     additions the kit does not define, kept so signal, actor and tension stay distinguishable.
     Each pairs with a shape, never colour alone. */
  --signal: #8F5A0C;         --signal-soft: #F1E3C8;   /* amber — signals */
  --trend: #1854AE;          --trend-soft: #DCE6F6;    /* Cobalt — trends */
  --actor: #2E6B3B;          --actor-soft: #D7E8D8;    /* green — actors */
  --tension: #A8363A;        --tension-soft: #F0D6D4;  /* red — tensions */
  --inquiry: #614586;        --inquiry-soft: #E6DDEE;  /* Royal — inquiries, hypotheses */
  --tech: #0E8A9A;           --tech-soft: #D2F0F4;     /* Electric darkened to 4.6:1 for text */
  --evidence: #2A343E;       --evidence-soft: #E1E1E1; /* Charcoal — evidence, provenance */
  --geo: #5B6472;            --geo-soft: #E8EAEE;      /* Soft — geography */

  /* Status */
  --ok: #2E6B3B; --warn: #8F5A0C; --danger: #A8363A;

  /* Type: Title/Subtitle/Heading → Montserrat · Body/Quote/Caption → Source Sans 3 · Section header → Roboto Mono */
  --font-display: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fs-0: 0.75rem; --fs-1: 0.875rem; --fs-2: 1.0625rem; --fs-3: 1.1875rem; --fs-4: 1.375rem; --fs-5: 1.75rem; --fs-6: 2.375rem;
  --fs-7: clamp(2.375rem, 5vw, 3.875rem);
  --lh-tight: 1.1; --lh-snug: 1.3; --lh-body: 1.55;

  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4rem; --s-9: 6rem; --s-10: 8rem;

  --radius: 3px; --radius-pill: 999px; --gutter: 16px; --measure: 66ch; --container: 77.5rem;
  --shadow: 0 1px 0 var(--line), 0 12px 32px -20px rgba(26, 32, 43, 0.35);
  --focus: 0 0 0 2px var(--paper), 0 0 0 4px var(--meridian);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #1A202B; --paper-2: #212935; --paper-3: #2A343E;
    --ink: #F4F6F9; --ink-2: #D5D9E0; --ink-3: #A6ACB8;
    --line: #333D49; --line-strong: #5B6472;
    --meridian: #7FA9F0; --meridian-soft: #1F3560; --electric: #14BBD1; --royal: #B497D6; --bridge: #F4F6F9;
    --signal: #E3AA45; --signal-soft: #3A2C10;
    --trend: #7FA9F0; --trend-soft: #1F3560;
    --actor: #86C98C; --actor-soft: #163A1F;
    --tension: #EF7A7C; --tension-soft: #4A1C1E;
    --inquiry: #B497D6; --inquiry-soft: #3A2A50;
    --tech: #4FD2E4; --tech-soft: #0F3A42;
    --evidence: #B8C0CC; --evidence-soft: #2A343E;
    --geo: #A6ACB8; --geo-soft: #2E3641;
    --ok: #86C98C; --warn: #E3AA45; --danger: #EF7A7C;
    --shadow: 0 1px 0 var(--line), 0 12px 32px -20px rgba(0, 0, 0, 0.8);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #1A202B; --paper-2: #212935; --paper-3: #2A343E;
  --ink: #F4F6F9; --ink-2: #D5D9E0; --ink-3: #A6ACB8;
  --line: #333D49; --line-strong: #5B6472;
  --meridian: #7FA9F0; --meridian-soft: #1F3560; --electric: #14BBD1; --royal: #B497D6; --bridge: #F4F6F9;
  --signal: #E3AA45; --signal-soft: #3A2C10;
  --trend: #7FA9F0; --trend-soft: #1F3560;
  --actor: #86C98C; --actor-soft: #163A1F;
  --tension: #EF7A7C; --tension-soft: #4A1C1E;
  --inquiry: #B497D6; --inquiry-soft: #3A2A50;
  --tech: #4FD2E4; --tech-soft: #0F3A42;
  --evidence: #B8C0CC; --evidence-soft: #2A343E;
  --geo: #A6ACB8; --geo-soft: #2E3641;
  --ok: #86C98C; --warn: #E3AA45; --danger: #EF7A7C;
  --shadow: 0 1px 0 var(--line), 0 12px 32px -20px rgba(0, 0, 0, 0.8);
  color-scheme: dark;
}