:root {
  --ink: #171a19;
  --ink-2: #434a46;
  --ink-3: #5c6560;
}

/* Dark theme overrides. Scoped to layouts that opt in via the data-oma-theme
   attribute and whose resolved theme is dark (device preference, or an
   explicit choice saved from Settings). Defines one dark value per token
   name shared by app-foundation.css and foundation.css, so a single rule
   covers both light design systems without changing either :root. Selector
   specificity (0,2,1) beats both foundation files' :root (0,1,0) and html
   (0,0,1) blocks without !important. */
html[data-oma-theme][data-theme="dark"] {
  color-scheme: dark;

  --paper: #1b1f1d;
  --paper-2: #222724;
  --panel: #262b28;
  --stage: #20241f;
  --ink: #eef1ee;
  --ink-2: #b7c0ba;
  --ink-3: #93a19a;
  --line: #343a36;
  --line-2: #454c47;
  --accent: #4fcab8;
  --accent-2: #7fe0d2;
  --accent-3: #16302c;
  --on-accent: #06201c;
  --tissue: #3a352c;
  --tissue-2: #4a4536;
  --alert: #ff6b5c;

  --concern: #ff8a7a;
  --concern-bg: #4a2420;
  --concern-soft: #2a1714;
  --concern-line: #5c3129;
  --goal: #e0b84d;
  --goal-bg: #473a16;
  --goal-soft: #2a2210;
  --goal-line: #5c4c1e;
  --progress: #5fcdb0;
  --progress-bg: #1c3a30;
  --progress-soft: #142722;
  --progress-line: #294f42;
  --fertility: #7fb3e0;
  --fertility-bg: #1c3147;
  --fertility-soft: #142233;
  --fertility-line: #294a63;

  --marker: #6fcdb3;
  --marker-muted: #454c47;
}