/* Colors, shadows and fonts shared by every page: the Insider Stock Watch palette (ink and brass).
   Dark mode redefines the same tokens. It follows the device unless the visitor picks a theme
   (js/theme.js sets <html data-theme="light|dark">), so the dark set appears twice below. */
:root {
  color-scheme: light;
  --bg: #f7f5ef; --surface: #fffdf8; --surface-2: #f1ece1; --surface-3: #e5ddcc;
  --line: rgba(29,36,51,.08); --line-2: rgba(29,36,51,.14);
  --text: #1d2433; --text-2: #55534c; --text-3: #706b60;
  --accent: #2b3a67; --accent-2: #1d2433; --accent-soft: rgba(43,58,103,.08); --on-accent: #ffffff;
  --brass: #d6a54a; --brass-text: #8a6420; --ink: #1d2433;
  --strong: #087f5b; --notable: #2b3a67; --mild: #a39f93;
  --rarity: #087f5b; --conviction: #a8600b; --size: #7648d4;
  --danger: #d93f35; --warn-bg: #fbf3e2; --warn-line: #ecd6a6;
  --shadow-sm: 0 1px 2px rgba(29,36,51,.05);
  --shadow: 0 1px 2px rgba(29,36,51,.04), 0 4px 16px rgba(29,36,51,.06);
  --shadow-lg: 0 2px 6px rgba(29,36,51,.06), 0 24px 64px rgba(29,36,51,.16);
  --ease: cubic-bezier(.2,.8,.2,1);
  --font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #10131a; --surface: #171b25; --surface-2: #1e2330; --surface-3: #2a3040;
    --line: rgba(255,255,255,.07); --line-2: rgba(255,255,255,.12);
    --text: #f1ede4; --text-2: #b1ab9d; --text-3: #928b7e;
    --accent: #e0b25c; --accent-2: #ecc77f; --accent-soft: rgba(224,178,92,.12); --on-accent: #10131a;
    --brass: #e0b25c; --brass-text: #e0b25c; --ink: #1d2433;
    --strong: #34d399; --notable: #e0b25c; --mild: #5f5d57;
    --rarity: #34d399; --conviction: #f5b452; --size: #a78bfa;
    --danger: #ff6b61; --warn-bg: #241d10; --warn-line: #4a3a1a;
    --shadow-sm: none; --shadow: 0 0 0 1px var(--line); --shadow-lg: 0 0 0 1px var(--line-2), 0 24px 64px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #10131a; --surface: #171b25; --surface-2: #1e2330; --surface-3: #2a3040;
  --line: rgba(255,255,255,.07); --line-2: rgba(255,255,255,.12);
  --text: #f1ede4; --text-2: #b1ab9d; --text-3: #928b7e;
  --accent: #e0b25c; --accent-2: #ecc77f; --accent-soft: rgba(224,178,92,.12); --on-accent: #10131a;
  --brass: #e0b25c; --brass-text: #e0b25c; --ink: #1d2433;
  --strong: #34d399; --notable: #e0b25c; --mild: #5f5d57;
  --rarity: #34d399; --conviction: #f5b452; --size: #a78bfa;
  --danger: #ff6b61; --warn-bg: #241d10; --warn-line: #4a3a1a;
  --shadow-sm: none; --shadow: 0 0 0 1px var(--line); --shadow-lg: 0 0 0 1px var(--line-2), 0 24px 64px rgba(0,0,0,.6);
}