/* AIVS Vision design tokens, taken from the approved boards (canvas *.dc.html) and the brand notes.
 * Fonts are local files (CSP font-src 'self'), licensed OFL-1.1 (assets/FONT-LICENSE.txt). */
@font-face { font-family: "Inter"; src: url("/static/assets/inter-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Grotesk"; src: url("/static/assets/space-grotesk-var.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Noto Sans Mono"; src: url("/static/assets/noto-sans-mono.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  /* Navy (header, players, dark buttons) */
  --navy: #0b1220;
  --navy-2: #15243a;
  --navy-3: #1f3350;
  --navy-line: #36465c;
  --navy-line-2: #435064;
  --on-navy: #eef1f6;
  --on-navy-muted: #aeb8c8;
  --on-navy-soft: #bfc9d8;
  --veil-a: #0e1826;
  --veil-b: #111d2e;

  /* Paper and ink */
  --paper: #faf8f4;
  --paper-tint: #f3efe8;
  --paper-2: #fbfaf7;
  --card: #fff;
  --hairline: #e3ded3;
  --line-strong: #c9c2b4;
  --ink: #0e1826;
  --ink-2: #36465c;
  --muted: #5a6373;
  --muted-2: #738196;
  --link: #1c4b7a;

  /* Amber (brand action, focus, current) */
  --amber: #b2740f;
  --amber-hover: #8a5a10;
  --highlight: #efb651;
  --highlight-hover: #d89122;
  --amber-soft: #fdf5e2;
  --amber-line: #e8c98a;
  --action-ink: #1b1205;
  --eyebrow: #925d0b;
  --warn-ink: #6c470c;

  /* States (chips carry text; colour is never the only signal) */
  --ok-ink: #1f6f4a;  --ok-bg: #e2f1e8;
  --bad-ink: #9a2b2b; --bad-bg: #f6e1e1; --bad-line: #e2b4b4;
  --warn-bg: #fdf5e2;
  --info-ink: #1c4b7a; --info-bg: #e6eef7;
  --face-ink: #5a3f8a; --face-bg: #efe9f7;
  --gap-a: #f6e1e1; --gap-b: #efcfcf;
  --lane-a: #f3efe8; --lane-b: #ebe5da;

  /* Timeline markers (v1.7 validated categorical set; each also has a text label and legend) */
  --mk-plate: #2a78d6;
  --mk-bookmark: #eb6834;
  --mk-flag: #1baf7a;
  --mk-alert: #eda100;
  --mk-edge: var(--ink); /* markers get a 1px ink outline so they hold 3:1 on lanes */
  --mk-face: #e87ba4;

  /* Type */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-mono: "Noto Sans Mono", ui-monospace, Menlo, monospace;
  --text-body: 15px;
  --text-small: 13px;
  --text-xs: 12px;
  --leading: 1.5;

  /* Shape and space */
  --radius-card: 9px;
  --radius-control: 6px;
  --radius-seg: 8px;
  --radius-chip: 999px;
  --shadow-card: 0 1px 2px #0e182605;
  --shadow-pop: 0 10px 30px #0e182633;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --page-max: 1440px;
  --page-pad: 32px;
  --header-h: 64px;
  --focus-ring: 2px solid var(--ink);
  --focus-halo: 0 0 0 4px var(--highlight); /* ink on highlight 9.75:1; on navy the ring is highlight only */
  --control-edge: #8c8577; /* 3:1 on white for input borders and the off switch */
  --target-min: 24px;

  /* Floating Ask launcher clearance: players, capture bars and transports reserve this. */
  --launcher-size: 56px;
  --launcher-gap: 16px;
  --launcher-clear: calc(var(--launcher-size) + 2 * var(--launcher-gap));
  --dock-width: 400px;
  --tabbar-h: 62px;
  --capture-dock-h: 68px;
}
