/*
 * Theme: every color and font lives here. Swap these values for your platform's palette.
 * Placeholder colors are calm and meet WCAG AA contrast for text on their backgrounds.
 */
:root {
  /* Page and text */
  --color-page: #f4f6f3;
  --color-surface: #ffffff;
  --color-text: #1e2a32;
  --color-text-muted: #4c5861;
  --color-border: #d2d9dd;

  /* Main action color (buttons, links, regrouped numbers) */
  --color-primary: #2b6884;
  --color-primary-hover: #21546b;
  --color-on-primary: #ffffff;
  --color-focus: #15426b;

  /* Number pad */
  --color-key: #eaf0f3;
  --color-key-hover: #dce6eb;
  --color-key-text: #1e2a32;

  /* Messages (no red anywhere: wrong answers are not failures) */
  --color-success-bg: #edf6ee;
  --color-success-border: #a7cead;
  --color-hint-bg: #edf3f8;
  --color-hint-border: #a8c3d7;
  --color-note-text: #3f4b54;

  /* Worked steps */
  --color-steps-bg: #fbf9f2;
  --color-steps-border: #e0d9c5;
  --color-new-mark: #fff1bf;

  /* Progress labels */
  --color-not-yet-bg: #eceff1;
  --color-not-yet-text: #37474f;
  --color-getting-there-bg: #fcefc9;
  --color-getting-there-text: #574000;
  --color-got-it-bg: #dcefe0;
  --color-got-it-text: #1c5227;

  /* Progress dots */
  --color-dot: #cad2d7;
  --color-dot-done: #2b6884;

  /* Test mode panel */
  --color-test-bg: #fff8e1;
  --color-test-border: #e3cb7f;

  /* Word problem marks (each at least 4.5:1 on white) */
  --color-mark-underline: #2b6884;
  --color-mark-cross: #7a3e9d;
  --color-mark-circle: #1f7a3a;
  --color-mark-box: #9a5800;
  --color-mark-select: #dbe9f3;

  /* Fonts */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-numbers: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --radius: 14px;
}