/* Annual visual identity. Event selection and content live in src/data/. */
:root[data-theme="copper-moon-2026"] {
  color-scheme: dark;
  --ink: #0b0b0a;
  --surface: #111210;
  --surface-raised: #171714;
  --paper: #f3eee3;
  --muted: #b4b1a8;
  --quiet: #8f8d84;
  --copper: #f0a269;
  --copper-light: #ffc38e;
  --line: #2c2c26;
  --copper-line: #674730;
  --font-body: Arial, Helvetica, sans-serif;
  --font-display: Arial, Helvetica, sans-serif;
}
body { background-image: radial-gradient(ellipse at 90% 8%, #34211625 0, transparent 32%); }
body::before { content: ''; position: fixed; inset: 0; z-index: 10; pointer-events: none; opacity: .026; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); }
::selection { background: var(--copper); color: var(--ink); }