/* Shared accepted Krok Deutsch palette: the single source of colour for the
   course (styles.css and workbook.css use only these tokens) and local previews.
   Dark mode is defined here and nowhere else. */
:root {
  color-scheme: light;
  --k-paper: #faf7ef; --k-sheet: #fffdf8; --k-rail: #eee9df;
  --k-ink: #293c50; --k-muted: #646961; --k-rule: #d9d4c8;
  --k-action: #29465d; --k-on-action: #fffdf8; --k-tint: #e8eef0;
  --k-note: #f1e8d5; --k-tab: #d9aa58;
  --k-good: #35644e; --k-good-bg: #eaf0e7;
  --k-bad: #944331; --k-bad-bg: #f6e9e2;
  --k-hint: #705319; --k-hint-bg: #f5edda;
  --k-control: #85867b;
  /* Text and icons on the solid good/bad fills (checks, verdict badges,
     success and error toasts, the completion mark): 6.7:1 and 6.6:1. */
  --k-on-good: #fffdf8; --k-on-bad: #fffdf8;
  --k-shadow: 0 18px 50px rgba(41, 60, 80, .10);
  /* U6: the only font stacks. No web font is loaded; Windows keeps Segoe UI, Apple
     and Android get their system face instead of Arial. Georgia's old-style
     figures make numbers read as letters, so numeric displays use the sans. */
  --k-font-sans: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --k-font-serif: Georgia, "Times New Roman", serif;
  /* U5: the workbook's shape and type. Corners are square (0) or --k-radius;
     only circles (50%) are rounder. Text sizes step through the scale below. */
  --k-radius: 3px;
  --k-text-xs: 13px; --k-text-sm: 14px; --k-text-body: 16px; --k-text-md: 18px; --k-text-lg: 21px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --k-paper: #20282c; --k-sheet: #293339; --k-rail: #1b2328;
  --k-ink: #e8e4d9; --k-muted: #b2b9b7; --k-rule: #4b565b;
  --k-action: #bdd4e3; --k-on-action: #202e39; --k-tint: #35434d;
  --k-note: #3b3931; --k-tab: #c9a064;
  --k-good: #acd0b6; --k-good-bg: #2b3b33;
  --k-bad: #f0b3a0; --k-bad-bg: #46332e;
  --k-hint: #e9cb8a; --k-hint-bg: #403a2c;
  --k-control: #84949d;
  /* 8.2:1 on --k-good, 7.7:1 on --k-bad. */
  --k-on-good: #202e39; --k-on-bad: #202e39;
  --k-shadow: 0 18px 50px rgba(0, 0, 0, .35);
}