/* Shared visual values only. Views own their markup, layout and interaction.
   Scoring boards retain dark, colored playing surfaces in both themes. */
:root {
  color-scheme: dark;
  --page: #0c1420;
  --page-highlight: #1c3045;
  --panel: #182737;
  --panel-raised: #21364a;
  --panel-inset: #101d2b;
  --ink: #f2f6fb;
  --muted: #b2c2d2;
  --line: #40566c;
  --accent: #f4c66b;
  --accent-ink: #30210b;
  --accent-surface: #3e3421;
  --focus: #9edfff;
  --grey: #d1dbe7;
  --yellow: #ffe08a;
  --blue: #9ed7ff;
  --green: #a8e6b1;
  --pink: #ffb9d2;
  --success: #7fdc9a;
  --die-ink: #17202b;
  --die-white: #ffffff;
  --die-edge: #a5b3c3;
  --die-grey: #c4ccd8;
  --die-yellow: #ffe08a;
  --die-blue: #9ed7ff;
  --die-green: #a8e6b1;
  --die-pink: #ffb9d2;
  --radius-panel: 16px;
  --radius-control: 10px;
  --elevation: 0 8px 22px #030a1240, inset 0 1px 0 #ffffff0d;
  --well-shadow: inset 0 2px 5px #030a1240;
}

:root[data-theme="light"] {
  color-scheme: light;
  --page: #e5ebf1;
  --page-highlight: #f9fbfe;
  --panel: #f9fbfd;
  --panel-raised: #e7eef5;
  --panel-inset: #dce5ef;
  --ink: #182b3d;
  --muted: #465e74;
  --line: #91a5b8;
  --accent: #815000;
  --accent-ink: #ffffff;
  --accent-surface: #fff0ca;
  --focus: #005d8e;
  --grey: #45596d;
  --yellow: #805100;
  --blue: #005b91;
  --green: #246337;
  --pink: #a02e61;
  --success: #29653b;
  --elevation: 0 8px 22px #2847631c, inset 0 1px 0 #ffffff;
  --well-shadow: inset 0 2px 5px #2847631c;
}