/* Sizes and colours; every other sheet and script reads these. */
:root {
  --text-12: 12px;
  --text-13: 13px;
  --text-14: 14px;
  --text-16: 16px;
  --text-17: 17px;
  --text-18: 18px;
  --text-20: 20px;
  --text-22: 22px;
  --text-26: 26px;
  --text-40: 40px;
  --text-hero: clamp(40px, 5.6vw, 72px);
  --cta-top: #2f74ff;
  --cta-bottom: #1450f0;
  --cta-edge: rgba(21, 87, 255, .5);
  --cta-shine: rgba(255, 255, 255, .38);
  --cta-glow: rgba(40, 80, 230, .3);
  --shadow-soft: rgba(0,0,0,.18);
  --scrim: rgba(0,0,0,.45);
  --always-black: #000;
  --bg: #ffffff;
  --surface: #f5f6f7;
  --ink: #111214;
  --ink-2: rgb(17 18 20 / .72);
  --line: #e2e4e8;
  --field-edge: #858a92;
  --accent: #1557ff;
  --accent-ink: #ffffff;
  --good: #117a3d;
  --low: #b42318;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0f1012; --surface: #1a1c1f; --ink: #f2f3f5; --ink-2: rgb(242 243 245 / .68); --line: #2c2f34; --field-edge: #6f747c;
    --accent: #4d7dff; --good: #3ccf7a; --low: #ff6b5e;
    color-scheme: dark;
  }
}