/* Kelmint design tokens — the shared palette and scale for Kelmint Voice, Kelmint Study
 * and Kelmint Practice. Canonical copy: murmur-account/src/murmur-tokens.css; each
 * app ships a byte-identical copy (Obsidian embeds it at the top of styles.css
 * with build-tokens.cjs). tests/shared-copies.test.cjs checks the copies.
 *
 * Palette from the Kelmint identity guide (2026-10-09): Forest #1D4A43, Paper #FAF8F2,
 * with a sea-glass accent for dark surfaces. The variable names (--mm-*, "amber") are
 * kept from the earlier palette so every app's stylesheet keeps working; read "amber"
 * as "accent". Static values only, no theme switching: each app maps these onto its
 * own light/dark variables. "-text" colours are for text and meet WCAG AA (4.5:1) on
 * the surface named in the comment; fills pair with their "-ink".
 */
:root {
  /* Brand */
  --mm-navy: #1d4a43;          /* Forest: sidebars, headers, dark brand surfaces */
  --mm-ink: #13241f;           /* body text on light surfaces (15:1 on paper) */
  --mm-paper: #faf8f2;         /* Paper: light page background */
  --mm-amber: #9ed8c5;         /* sea glass: accent fill, and accent text on dark surfaces (≥ 6.2:1 on forest) */
  --mm-amber-strong: #1d4a43;  /* Forest: accent fill on light surfaces */
  --mm-amber-ink: #0e2420;     /* text on the sea-glass fill (10:1) */
  --mm-amber-strong-ink: #faf8f2; /* text on the forest fill (9.4:1) */
  --mm-amber-text: #1d4a43;    /* accent text on white or paper (≥ 9.4:1) */

  /* Status: text-safe on light (-light) and dark forest (-dark) surfaces */
  --mm-good-light: #0f7a55;
  --mm-good-dark: #5ad19a;
  --mm-bad-light: #c62828;
  --mm-bad-dark: #ffa3a3;
  --mm-muted-light: #55665f;   /* secondary text on white or paper (≥ 5.7:1) */
  --mm-muted-dark: #a9bfb7;    /* secondary text on forest panels (≥ 5.1:1) */

  /* Scale */
  --mm-touch: 48px;            /* minimum touch target on touch screens */
  --mm-radius-sm: 8px;
  --mm-radius: 12px;
  --mm-radius-lg: 18px;
  --mm-space-1: 4px;
  --mm-space-2: 8px;
  --mm-space-3: 12px;
  --mm-space-4: 16px;
  --mm-space-5: 24px;
  --mm-space-6: 32px;
  --mm-font-ui: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}