/* AEC NEXT design tokens (spec section 4). Every screen uses these variables, not copied hex values. */
@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/space-grotesk-latin-wght-normal.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
:root {
  /* brand sheet */
  --aec-navy: #0A1F3D;
  --aec-steel: #5C7A9E;
  --aec-white: #FFFFFF;
  /* proposed interface colours (to be approved by AEC NEXT) */
  --aec-surface: #F5F7FA;
  --aec-border: #DDE3EB;
  --aec-muted: #4A6585;
  --aec-critical: #B42318;
  --aec-major: #B54708;
  --aec-minor: #8A6D00;
  --aec-success: #067647;

  /* semantic roles used by the pages */
  --bg: var(--aec-surface);
  --card: var(--aec-white);
  --ink: var(--aec-navy);
  --mut: var(--aec-muted);
  --line: var(--aec-border);
  --acc: var(--aec-navy);        /* primary buttons */
  --acc-ink: var(--aec-white);   /* text on primary buttons */
  --link: var(--aec-navy);
  --focus: var(--aec-steel);
  --crit: var(--aec-critical);
  --maj: var(--aec-major);
  --min: var(--aec-minor);
  --ok: var(--aec-success);
  --font-brand: "Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-body: system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  color-scheme: light;
}
/* Dark mode: navy-based surfaces; the reversed logo is used on dark backgrounds. */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0B1628;
    --card: #13223A;
    --ink: #E8EEF6;
    --mut: #A9BBD1;
    --line: #2A3B55;
    --acc: var(--aec-white);
    --acc-ink: var(--aec-navy);
    --link: #C5D5E8;
    --focus: #8FB0D6;
    --crit: #FF8A7A;
    --maj: #FFA75C;
    --min: #E6C34D;
    --ok: #52D39A;
    color-scheme: dark;
  }
}
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }