/* ShotWatch /static/css/theme.css */
:root, [data-theme="dark"] {
  --bg-page: #060D08; --bg-card: #0C1810; --bg-raised: #132218;
  --bg-hover: #1A2E20; --bg-active: #204028;
  --border-subtle: #1C2E22; --border-default: #263C2C; --border-strong: #325A3C;
  --gold-500: #C48A14; --gold-400: #D4A017; --gold-300: #ECC040;
  --gold-200: #F5D870; --gold-100: #FFF0B8;
  --gold-glow: rgba(212,160,23,0.18); --gold-glow-strong: rgba(212,160,23,0.42);
  --green-500: #007A3A; --green-400: #00943F; --green-300: #00C853;
  --green-200: #5DEE8A; --green-100: #B8F7CD;
  --green-glow: rgba(0,148,63,0.16); --green-glow-strong: rgba(0,200,83,0.38);
  --text-primary: #EEF5F0; --text-secondary: #C5DCCA;
  --text-muted: #8FAE96; --text-ghost: #4E6E56;
  --red: #E04040; --red-bg: #2A0A0A;
  --amber: #E0A020; --amber-bg: #2A1E00;
  --frame-bg: #0C1810; --frame-header: #060D08;
  --frame-current: #162A1C; --frame-border: #243828;
  --pin-fill: #1A2E20; --pin-stroke: #D4A017;
  --pin-text: #F5D870; --pin-knocked-fill: #0C1810; --pin-knocked-stroke: #1C2E22;
  --nav-bg: #08120A; --nav-border: #1C2E22;
  --transition: 0.18s cubic-bezier(0.4,0,0.2,1);
  --transition-slow: 0.35s cubic-bezier(0.4,0,0.2,1);
  --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px;
}
[data-theme="light"] {
  --bg-page: #EFF7F2; --bg-card: #FFFFFF; --bg-raised: #E6F2EA;
  --bg-hover: #D8EBE0; --bg-active: #C8E2D0;
  --border-subtle: #D4E9DA; --border-default: #BFDAC8; --border-strong: #9DC4AA;
  --gold-500: #C4860A; --gold-400: #A86A00; --gold-300: #8A5200;
  --gold-200: #6A3C00; --gold-100: #3D2000;
  --gold-glow: rgba(168,106,0,0.10); --gold-glow-strong: rgba(168,106,0,0.26);
  --green-500: #006B32; --green-400: #005828; --green-300: #003F1A;
  --green-200: #002C12; --green-100: #001A0A;
  --green-glow: rgba(0,107,50,0.08); --green-glow-strong: rgba(0,107,50,0.22);
  --text-primary: #081508; --text-secondary: #2E6040;
  --text-muted: #6A9A78; --text-ghost: #AAC8B2;
  --red: #CC2020; --red-bg: #FDEAEA;
  --amber: #B07800; --amber-bg: #FFF8E0;
  --frame-bg: #FFFFFF; --frame-header: #EFF7F2;
  --frame-current: #DFF2E6; --frame-border: #BFDAC8;
  --pin-fill: #E6F2EA; --pin-stroke: #A86A00;
  --pin-text: #5A3800; --pin-knocked-fill: #F5F9F6; --pin-knocked-stroke: #D4E9DA;
  --nav-bg: #FFFFFF; --nav-border: #D4E9DA;
}