/* "Vinh quang": the app icon's royal blue, gold and cream, on every page.
   The page itself is deep blue with light falling from the top (base.css);
   anything to read sits on cream cards in dark ink. One look in light and
   dark mode alike: it is the app's own colour, not a system theme. */
:root {
  --night: #07123a;
  --royal: #173a94;
  --royal-light: #2e5bc7;
  --gold: #f2b84b;
  --gold-light: #ffe3a0;
  --gold-deep: #a86d17;
  --cream: #fffbf2;

  --bg: #0c2163;
  --surface: var(--cream);
  --ink: #241a0c;          /* on cream */
  --ink-soft: #6f6150;
  --on-bg: #fff7e6;        /* straight on the blue */
  --on-bg-soft: #c8d3f2;
  --accent: var(--gold);
  --accent-ink: #2a1a05;
  --right: #1e8a52;
  --wrong: #c23a2b;
  --right-on-bg: #7ee2a8;
  --wrong-on-bg: #ffab9c;
  --border: #eadcc0;
  --radius: 18px;
  --shadow: 0 10px 28px rgba(3, 10, 40, 0.38);
  --font: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: ui-serif, "New York", "Iowan Old Style", Georgia, serif;

  --text-base: 17px;
  --text-lg: 22px;
  --text-xl: 30px;
  --tap-min: 44px;

  color-scheme: dark;
}

:root[data-elderly="true"] {
  --text-base: 24px;
  --text-lg: 30px;
  --text-xl: 40px;
  --tap-min: 60px;
}