/* StateWins color tokens — 17 vars × 2 modes.
   Mirrors Final/assets/index.css token block (READ-ONLY source of truth).
   Format: --color-X: R G B  (space-separated, for rgb(var(--X)) + alpha).
   Imported by each silinecek2/{slug}/global.css. */

:root, .light {
  --color-body: 248 250 252;
  --color-text: 100 116 139;
  --color-lead: 0 0 0;
  --color-subs: 71 85 105;
  --color-fore: 255 255 255;
  --color-main: 8 145 178;
  --color-tone: 37 99 235;
  --color-mark: 217 70 239;
  --color-mute: 255 255 255;
  --color-soft: 226 232 240;
  --color-line: 203 213 225;
  --color-edge: 165 181 201;
  --color-back: 27 31 49;
  --color-fire: 239 68 68;
  --color-warn: 245 158 11;
  --color-wins: 22 163 74;
  --color-info: 21 94 239;
}

.dark {
  --color-body: 14 17 27;
  --color-text: 148 163 184;
  --color-lead: 255 255 255;
  --color-subs: 203 213 225;
  --color-fore: 11 14 22;
  --color-main: 34 211 238;
  --color-tone: 96 165 250;
  --color-mark: 232 121 249;
  --color-mute: 8 9 14;
  --color-soft: 27 31 49;
  --color-line: 36 42 67;
  --color-edge: 53 61 97;
  --color-back: 27 31 49;
  --color-fire: 248 113 113;
  --color-warn: 251 191 36;
  --color-wins: 74 222 128;
  --color-info: 132 173 255;
}

/* Skip-to-content link — visually hidden until keyboard focus (P3 a11y, 2026-05-30) */
.skip-link {
  position: absolute;
  left: 8px;
  top: -48px;
  z-index: 1000;
  padding: 10px 16px;
  background-color: rgb(var(--color-fore));
  color: rgb(var(--color-main));
  border: 2px solid rgb(var(--color-main));
  border-radius: 8px;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  transition: top 0.15s ease;
}
.skip-link:focus {
  top: 8px;
  outline: none;
}