/* ===========================================================================
   Terravel design tokens — the only place a colour or a font family is
   defined. Components reference these; nothing else holds a hex value
   (data ramps in palette.js are the one deliberate exception, see
   docs/DESIGN.md).

   Two surfaces, one family:
   * THE CHART (--chart-*)  site, gallery, drop screen, logbook, timeline.
     The FAA sectional: chart cream, hypsometric tints, black type. Magenta
     is the route line on a chart, so here it means "your track" and nothing
     else. Airspace blue is for the things a chart colours blue (airports,
     identifiers). Cyan survives only as water.
   * THE PANEL (--panel-*)  the 3D viewer's instruments and controls.
     Dark instrument grey, panel-white type, ONE amber for cautions.
   ======================================================================== */

/* B612 — Airbus / Polytechnique / ENAC, SIL OFL 1.1 (licence: assets/fonts/OFL-B612.txt).
   Latin subsets, self-hosted; no CDN. Its digits are all one width (tabular by
   design), so it carries the numerals too. */
@font-face { font-family: "B612"; font-weight: 400; font-style: normal; font-display: swap;
  src: url("../fonts/B612-Regular.subset.woff2") format("woff2"); }
@font-face { font-family: "B612"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("../fonts/B612-Bold.subset.woff2") format("woff2"); }

:root {
  /* --- the chart (light) -------------------------------------------------*/
  --chart-cream: #f3eedc;        /* paper */
  --chart-cream-deep: #e9e2c9;   /* inset blocks, table heads */
  --chart-ink: #1c1b18;          /* type, rules that matter */
  --chart-ink-2: #55513f;        /* secondary type (6.9:1 on cream) */
  --chart-ink-3: #6b6650;        /* tertiary type, units (5.0:1) */
  --chart-rule: #c9c0a3;         /* hairlines */
  --chart-track: #a8185c;        /* route magenta: the one accent */
  --chart-airspace: #1d4f9a;     /* airspace / airport blue (identifiers) */
  --chart-water: #7db8d8;        /* water fill (the only cyan left) */
  --chart-water-ink: #1b6a8f;    /* water as text/line */
  --chart-alert: #a32b12;        /* error status, always with a word */
  /* hypsometric tints, low to high */
  --tint-1: #d4e4bc;
  --tint-2: #e3e8be;
  --tint-3: #eadfb4;
  --tint-4: #dcc596;
  --tint-5: #c3a27a;

  /* --- the panel (dark) --------------------------------------------------*/
  --panel-bg: #0d1013;           /* behind the globe, drop shadow colour */
  --panel-surface: #14181c;      /* instrument faces */
  --panel-surface-a: rgba(20, 24, 28, 0.9); /* the same, over the 3D scene */
  --panel-raised: #1d2227;       /* pressed / hover */
  --panel-line: rgba(236, 239, 241, 0.14);
  --panel-line-soft: rgba(236, 239, 241, 0.08);
  --panel-ink: #eceff1;          /* panel-white */
  --panel-ink-2: #a3abb3;
  --panel-ink-3: #8d969e;
  --panel-amber: #ffb000;        /* caution: the one panel accent */
  --panel-track: #e8478b;        /* the chart's magenta, lifted for a dark ground */

  /* pilot identity colours for group replay (index 0 = a lone pilot) */
  --pilot-1: #f4f1e8;
  --pilot-2: #e8478b;
  --pilot-3: #5fb3d9;
  --pilot-4: #9bcb6a;
  --pilot-5: #e07b4f;
  --pilot-6: #b58bd9;
  --pilot-7: #d9d36a;
  --pilot-8: #7fd1c0;

  /* --- type --------------------------------------------------------------*/
  /* B612 (Airbus, OFL) for instrument labels, numerals and headings; every
     digit is the same width, so columns align. Body: the platform's humanist
     sans, nothing downloaded. */
  --font-instrument: "B612", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-numeric: "B612", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: "Seravek", "Gill Sans Nova", "Avenir Next", Avenir, "Segoe UI", "Source Sans 3", "Noto Sans", Ubuntu, Cantarell, system-ui, sans-serif;

  /* --- shape & motion ----------------------------------------------------*/
  --radius: 4px;
  --radius-s: 3px;
  --ease: cubic-bezier(0.2, 0.7, 0.25, 1);
  --t-fast: 120ms;
  --t-settle: 200ms;
  --t-draw: 700ms;
}