/* AUV project site — design tokens and fonts.
   Every colour, size and spacing value used by the other stylesheets comes
   from here, so the whole look can be changed in one place.

   Colour logic: the accent (hull gold) is sampled from the team's own AUV
   render; the ink is a deep marine blue. */

@font-face {
  font-family: "Archivo";
  src: url("../assets/fonts/archivo-var-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("../assets/fonts/source-serif-4-var-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* Surfaces */
  --paper: #f3f6f8;        /* page ground */
  --sheet: #ffffff;        /* figures, tables, panels */
  --deep: #0a2536;         /* dark bands */

  /* Text */
  --ink: #0c2233;          /* primary text */
  --ink-soft: #48606f;     /* secondary text */
  --on-deep: #e8f1f5;      /* text on dark bands */

  /* Lines */
  --line: #d0d9e0;
  --line-strong: #9fb0bd;

  /* Interactive + status */
  --sea: #0e5a72;          /* links, focus, highlights */
  --sea-soft: #e4f0f4;
  --hull: #c49837;         /* sampled from the AUV render */
  --hull-soft: #f6ebd0;
  --hull-ink: #6f520f;     /* gold text that must stay readable */

  /* Risk states (demo and risk cards) */
  --risk-safe: #1f8a57;    --risk-safe-soft: #e2f3ea;    --risk-safe-ink: #13613c;
  --risk-hazard: #c49837;  --risk-hazard-soft: #f6ebd0;  --risk-hazard-ink: #6f520f;
  --risk-high: #c0392b;    --risk-high-soft: #fbe6e3;    --risk-high-ink: #8e2418;
  --risk-unknown: #5d6f7d; --risk-unknown-soft: #e8edf1; --risk-unknown-ink: #3b4a56;

  /* Type */
  --font-ui: "Archivo", system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --font-prose: "Source Serif 4", Georgia, "Times New Roman", serif;

  --text-body: 1.1563rem;  /* ~18.5px, prose */
  --text-ui: 0.9375rem;    /* 15px */
  --text-small: 0.8438rem; /* ~13.5px, captions */

  /* Layout */
  --measure: 68ch;         /* comfortable line length for prose */
  --gutter: clamp(16px, 4vw, 40px);
    --header-h: 56px;
  --container: 1120px;
  --radius: 8px;
  --radius-lg: 14px;
  --shadow: 0 1px 2px rgb(10 37 54 / 0.06), 0 8px 24px rgb(10 37 54 / 0.06);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 104px;
}