/* Exact color tokens from the original website, light and dark. */
:root {
  --bg: #f4f6f1;
  --surface: #ffffff;
  --surface-soft: #eaf0e8;
  --ink: #15201a;
  --muted: #58665c;
  --line: #d8e1d7;
  --line-strong: #718075;
  --accent: #2d6d50;
  --accent-strong: #123f2c;
  --accent-soft: #dcece2;
  --league: #174f68;
  --league-strong: #0d455f;
  --warning: #b8742b;
  --danger: #a6403b;
  --map: #c58b48;
  --map-strong: #70400d;
  --focus: #0b5c3e;
  --button-primary-bg: #2d6d50;
  --button-primary-bg-strong: #123f2c;
  --button-primary-ink: #ffffff;
  --map-badge-ink: #241608;
}

:root[data-theme="dark"] {
  --bg: #111711;
  --surface: #1a231d;
  --surface-soft: #243126;
  --ink: #edf4ee;
  --muted: #b9c6bb;
  --line: #334338;
  --line-strong: #7d9081;
  --accent: #6db58c;
  --accent-strong: #c1e8ce;
  --accent-soft: #253c2e;
  --league: #7bc6e3;
  --league-strong: #a6def3;
  --map: #d8a15b;
  --map-strong: #f4c784;
  --focus: #9edbb5;
  --button-primary-bg: #326d50;
  --button-primary-bg-strong: #24523c;
  --button-primary-ink: #ffffff;
  --map-badge-ink: #1c1208;
}

:root{--green:var(--accent);--soft:var(--accent-soft)}
.preview-indicator{background:var(--button-primary-bg-strong);color:var(--button-primary-ink)}
.file-card:hover{border-color:var(--line-strong)}
.hero-media figcaption{background:linear-gradient(transparent,color-mix(in srgb,var(--ink) 80%,transparent))}