/*
 * Brand primitives for tidesandweather.info — every page links this first:
 * the landing, privacy and accessibility pages, the 404, the /tide-locations map,
 * the owner's dashboard, and (inlined, since it is published as an
 * Artifact) the locations-by-dataset page.
 *
 * Light by default; dark follows the system unless the page pins
 * data-theme="light", and data-theme="dark" forces it. A page adds its own
 * tokens (the map's pin colours, the dashboard's chart series) in its own
 * stylesheet, on top of these.
 *
 * Every text ink clears WCAG AA (4.5:1) on every surface it is set on, in
 * both themes. The two that sit closest to the line:
 *   --ink-faint  light #5e6d73 (the app's value): 4.89 on --paper, 5.37 on
 *                --surface. Dark #768d88: 5.27 on --paper, 4.71 on --surface
 *                (it was #6f8681, 4.29 on --surface). Not for --surface-2 or
 *                --accent-soft in dark, where it is still under 4.5.
 *   --accent     light #0d7680: 4.6 on --accent-soft (the contact card's
 *                link) and --surface-2 (the translation note's), 4.88 on
 *                --paper. It was #0e7c86, 4.27 on --accent-soft.
 * --warn is not a text colour in light (3.77 on white): marks and borders only.
 */
:root {
  --paper: #f2f5f4;
  --surface: #ffffff;
  --surface-2: #eaf0ef;
  --ink: #14232b;
  --ink-soft: #4c6270;
  --ink-faint: #5e6d73;
  --line: #d7dedd;
  --accent: #0d7680;
  --accent-deep: #0a5158;
  --accent-soft: #e4f1f0;
  --warn: #b6752b;

  --font-display: "Spectral", Georgia, "Times New Roman", serif;
  --font-body: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #0a1418;
    --surface: #142023;
    --surface-2: #192a2c;
    --ink: #e8efed;
    --ink-soft: #a7bab5;
    --ink-faint: #768d88;
    --line: #253534;
    --accent: #5bc2c4;
    --accent-deep: #17494c;
    --accent-soft: #123032;
    --warn: #e0a458;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #0a1418;
  --surface: #142023;
  --surface-2: #192a2c;
  --ink: #e8efed;
  --ink-soft: #a7bab5;
  --ink-faint: #768d88;
  --line: #253534;
  --accent: #5bc2c4;
  --accent-deep: #17494c;
  --accent-soft: #123032;
  --warn: #e0a458;
}
:root[data-theme="light"] { color-scheme: light; }