/* Murmur design tokens — the shared palette and scale for Study by Ear, DIGI and
 * Obsidian 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.
 *
 * Static values only, no theme switching: each app maps these onto its own
 * light/dark variables, so a light-only app (DIGI) and Obsidian's body theme
 * classes keep working unchanged. "-text" colours are for text and meet WCAG AA
 * (4.5:1) on the surface named in the comment; fills pair with "-ink".
 */
:root {
  /* Brand */
  --mm-navy: #101d36;          /* sidebars, headers */
  --mm-ink: #172a43;           /* body text on light surfaces */
  --mm-paper: #f2f5fa;         /* light page background */
  --mm-amber: #ffad52;         /* accent fill, and accent text on dark surfaces */
  --mm-amber-strong: #f08c00;  /* accent fill on light surfaces */
  --mm-amber-ink: #1b1200;     /* text on either amber fill (≥ 7.4:1) */
  --mm-amber-text: #9a5200;    /* accent text on white or paper (≥ 5.3:1) */

  /* Status: text-safe on light (-light) and dark navy (-dark) surfaces */
  --mm-good-light: #0f7a55;
  --mm-good-dark: #5ad19a;
  --mm-bad-light: #c62828;
  --mm-bad-dark: #ff7a7a;
  --mm-muted-light: #56677d;   /* secondary text on white or paper (≥ 5.2:1) */
  --mm-muted-dark: #93a1b3;    /* secondary text on navy panels (≥ 6.3: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;
}