/* Design tokens shared by every page. Change once, applies everywhere. */
:root {
  --bg-color: #1a1d24;
  --card-bg: #262a34;
  --accent-color: #f1f5f9;
  --highlight-bg: #1c352d;
  --highlight-border: #10b981;
  --compare-bg: #382417;
  --compare-border: #f59e0b;
  --text-main: #f8fafc;
  --text-muted: #9ca3af;
  --starter-bg: #323745;

  --pos-qb: #ef4444;
  --pos-rb: #22c55e;
  --pos-wr: #3b82f6;
  --pos-te: #f59e0b;
  --pos-k: #8b5cf6;
  --pos-def: #64748b;
  --pos-default: #475569;

  --breakpoint-sm: 600px;
  --breakpoint-md: 900px;
  --breakpoint-lg: 1200px;
  --content-max-width: 1400px;
}

/* Custom Accent Theme Overrides */
[data-accent-theme="silver"] {
  --accent-color: #f1f5f9;
}
[data-accent-theme="gold"] {
  --accent-color: #f59e0b;
}
[data-accent-theme="emerald"] {
  --accent-color: #10b981;
}
[data-accent-theme="cyan"] {
  --accent-color: #38bdf8;
}