/* Music & Sport palette: the one place the colours live.
   Cream paper by default, the black/green look as a dark mode the visitor
   chooses with the moon button (saved in localStorage "ms-theme", applied
   by theme.js). Every page links this file: the homepage and inner pages
   also link theme.css for the shared top bar and components, the app
   (app.html) and PACE (assess.html) map their own styles onto these tokens. */

:root{
  --paper:#F4F0E6; --paper-2:#FBF8F1; --paper-3:#E9E3D5;
  --ink:#0E1F1B; --ink-soft:#3E4F4A; --ink-mute:#5C6B67;
  --line:rgba(14,31,27,.12); --line-strong:rgba(14,31,27,.28);
  --green:#00C9A7; --green-deep:#0A6B5A; --green-soft:rgba(0,201,167,.16);
  --gold:#D9B24C; --amber:#8A5A0C; --gold-soft:rgba(217,178,76,.22);
  --on-green:#0E1F1B;
  --coin:#0B1512; --coin-ring:rgba(0,201,167,.45);
  --shadow:0 18px 44px -18px rgba(40,46,30,.28);
  --shadow-sm:0 8px 20px -10px rgba(40,46,30,.3);
  --display:'Outfit', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono:'Space Mono', ui-monospace, Menlo, monospace;
  --nav-h:68px; --rail-h:28px;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --paper:#080A0E; --paper-2:#11181D; --paper-3:#0E1418;
  --ink:#EAF3F1; --ink-soft:#C9D8D4; --ink-mute:#9FB4B0;
  --line:rgba(255,255,255,.10); --line-strong:rgba(255,255,255,.24);
  --green:#00C9A7; --green-deep:#21FDE1; --green-soft:rgba(0,201,167,.18);
  --gold:#D9B24C; --amber:#F6DE8D; --gold-soft:rgba(217,178,76,.16);
  --on-green:#06251F;
  --coin:#0A0F0D; --coin-ring:rgba(0,201,167,.55);
  --shadow:0 18px 44px -18px rgba(0,0,0,.65);
  --shadow-sm:0 8px 20px -10px rgba(0,0,0,.6);
  color-scheme:dark;
}