/* oceanfromspace.org — design tokens
 *
 * The token *vocabulary* shared by every module. Values here are defaults; a
 * module supplies its own palette by redeclaring any of these in its own
 * stylesheet, which is loaded after this file.
 *
 * This file exists because the vocabulary had already converged on its own.
 * The course and the Earthdata explorer each independently defined --ink,
 * --muted, --accent, --accent-soft, --paper, --surface, --line, --line-strong,
 * --shadow and --mono, with different values. Agreeing on the names without
 * forcing the values is the useful half: a new module inherits a complete,
 * accessible set and overrides only what its identity needs, and shared
 * components can be written against names that are guaranteed to resolve.
 *
 * Contrast: every default below is checked against --surface and --paper at
 * the size it is used. If you override a foreground token, re-check it -- the
 * accessibility sweep will not catch a 3.9:1 body color.
 */

:root {
  /* Foreground */
  --ink: #0f172a;          /* body text, headings */
  --ink-soft: #334155;     /* secondary body text */
  --muted: #475569;        /* labels, captions, metadata. 7.5:1 on --surface */

  /* Surfaces */
  --paper: #f7fafc;        /* page background */
  --surface: #ffffff;      /* cards, panels, anything raised off the page */
  --foam: #f1f5f9;         /* hover fills, inset wells */

  /* Lines */
  --line: #e2e8f0;         /* default borders and dividers */
  --line-strong: #cbd5e1;  /* borders that need to read as an edge */

  /* Accent — one hue, three roles */
  --accent: #1d4ed8;       /* interactive text, focus rings, active state */
  --accent-soft: #eef2ff;  /* accent-tinted fills */
  --accent-line: #c7d2fe;  /* accent-tinted borders */

  /* Status. Never the only signal for anything -- pair with text or shape. */
  --success: #15803d;
  --success-soft: #f0fdf4;
  --warn-ink: #854d0e;
  --warn-soft: #fefce8;
  --warn-line: #fde68a;
  --danger: #b91c1c;       /* 7.0:1 on white */

  /* Elevation and shape */
  --shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06);
  --soft-shadow: 0 1px 2px rgba(15, 23, 42, .05);
  --radius: 10px;

  /* Type. A module that wants a different voice overrides --font-sans. */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: Iowan Old Style, Baskerville, "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}