/* Sailyn colour, shared by the landing page and the app.
 *
 * Colour only, and only oklch. Radius, shadow, spacing and type are not here
 * on purpose: the landing page (sailyn-web/) and the app (frontend/) each keep
 * their own rules for those, and the app's are recorded in tokens.css and
 * DESIGN.md. What the two surfaces share is the palette, so they read as one
 * product.
 *
 * The values are the brand identity's (docs/brand/), taken to reading
 * contrast where a swatch is too light to carry text: Navy is the ink, at
 * 0.255 lightness; the accent is the sky-sea icon's sea blue at 0.515 on
 * light, which holds 5:1 as text and under white text, and its ice blue on
 * dark, over the night-sea ground; Slate is the muted ink; Off White is the
 * ground.
 * reward and attention are unchanged.
 *
 * The landing page reads every one of these. The app links this file and
 * keeps its own measured tokens in tokens.css (the app's recorded system
 * wins), which carry the same values, so a move of the palette is one file
 * here and one mapping there.
 *
 * Names are --nv-*, so nothing here can collide with a token the app already
 * reads. Theme follows the attribute the site and the app both set:
 * [data-theme="dark"] on <html>, written from sailyn.device.v1.
 */

:root {
  --nv-bg:             oklch(0.984 0.003 248);
  --nv-surface:        oklch(1 0 0);
  --nv-surface-sunken: oklch(0.957 0.006 248);
  --nv-ink:            oklch(0.255 0.055 248);
  --nv-ink-muted:      oklch(0.491 0.035 256);
  --nv-ink-faint:      oklch(0.674 0.030 256);
  --nv-line:           oklch(0.926 0.012 248);
  --nv-accent:         oklch(0.515 0.115 250);
  --nv-accent-soft:    oklch(0.955 0.025 245);
  --nv-on-accent:      oklch(1 0 0);
  --nv-reward:         oklch(0.764 0.143 36.4);   /* the Start token only; coral, #FF8F70 (D153) */
  --nv-attention:      oklch(0.551 0.088 83.9);   /* warnings only */
}

:root[data-theme="dark"] {
  --nv-bg:             oklch(0.170 0.030 254);
  --nv-surface:        oklch(0.212 0.034 254);
  --nv-surface-sunken: oklch(0.140 0.026 254);
  --nv-ink:            oklch(0.955 0.006 248);
  --nv-ink-muted:      oklch(0.760 0.020 250);
  --nv-ink-faint:      oklch(0.620 0.022 250);
  --nv-line:           oklch(0.286 0.036 252);
  --nv-accent:         oklch(0.814 0.080 235);
  --nv-accent-soft:    oklch(0.300 0.060 245);
  --nv-on-accent:      oklch(0.200 0.045 248);
  --nv-reward:         oklch(0.764 0.143 36.4);
  --nv-attention:      oklch(0.790 0.090 83.9);
}