:root {
  --bg: #0c1216;
  --panel: #131c22;
  --lane: #0f171c;
  --ink: #d9e6ea;
  --muted: #7d929c;
  --line: #24333b;
  --line-soft: #1a262d;
  --shard: #3fd6cf;
  --shard-ink: #063b38;
  --hp: #7fd67a;
  --hp-ink: #0c3311;
  --mana: #6aa8f0;
  --mana-ink: #0b2547;
  --hit: #e5aa4f;
  --hit-ink: #3c2a05;
  --primed: #b18cf2;
  --spend: #e0707a;
  --win-skill: #1f6d68;
  --win-skill-edge: #2f9a93;
  --win-generic: #33434d;
  --win-generic-edge: #4a5f6b;
  --link: #5fd0ca;
  --chip: #1b2831;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #eef3f4;
    --panel: #ffffff;
    --lane: #f5f8f9;
    --ink: #17262c;
    --muted: #5c7079;
    --line: #cfdade;
    --line-soft: #dfe7ea;
    --shard: #0e948e;
    --shard-ink: #eafffe;
    --hp: #3c9440;
    --hp-ink: #ecffee;
    --mana: #3572c9;
    --mana-ink: #ecf3ff;
    --hit: #b07414;
    --hit-ink: #fff6e3;
    --primed: #7c5cd6;
    --spend: #c14953;
    --win-skill: #9fd9d5;
    --win-skill-edge: #23847e;
    --win-generic: #d7e0e4;
    --win-generic-edge: #90a4ad;
    --link: #0b7f79;
    --chip: #e4ecef;
  }
}
:root[data-theme="light"] {
  --bg: #eef3f4;
  --panel: #ffffff;
  --lane: #f5f8f9;
  --ink: #17262c;
  --muted: #5c7079;
  --line: #cfdade;
  --line-soft: #dfe7ea;
  --shard: #0e948e;
  --shard-ink: #eafffe;
  --hp: #3c9440;
  --hp-ink: #ecffee;
  --mana: #3572c9;
  --mana-ink: #ecf3ff;
  --hit: #b07414;
  --hit-ink: #fff6e3;
  --primed: #7c5cd6;
  --spend: #c14953;
  --win-skill: #9fd9d5;
  --win-skill-edge: #23847e;
  --win-generic: #d7e0e4;
  --win-generic-edge: #90a4ad;
  --link: #0b7f79;
  --chip: #e4ecef;
}