/* Theme tokens and preference-wide behavior. Feature reflow stays with the
   feature that owns the layout. */
@layer brewery-themes {
  @media (prefers-color-scheme: dark) {
    :root { --bg: #0f1113; --fg: #e7e8e3; --muted: #aab3c2; --faint: #828893; --text-tertiary: #aab3c2; --line: #262a2e; --line-strong: #353a40; --border-control: #7d8794; --panel: #15171a; --field: #1c222b; --accent: #ef9f56; --accent-strong: #f3ad6b; --accent-soft: #2a1c12; --on-accent: #1c1206; --on-danger: #220c0b; --danger: #f97066; --success: #4ade80; --warning: #facc15; --state-open: #4ade80; --state-merged: #a78bfa; --code-bg: #181b1e; --code-fg: #dce3ec; }
    @scope (.brewery) {
      .mathjax-diagram, .mathjax-inline { filter: invert(1); }
      .highlight .a-k { color: #c4b5fd; }
      .highlight .a-f { color: #7dd3fc; }
      .highlight .a-m { color: #5eead4; }
      .highlight .a-s { color: #86efac; }
      .highlight .a-n, .highlight .a-co { color: #fbbf24; }
      .highlight .a-c { color: #94a3b8; }
      .highlight .a-t { color: #f0a35a; }
      .highlight .a-v { color: #cbd5e1; }
      .highlight .a-p, .highlight .a-o { color: #94a3b8; }
      .highlight .a-pr { color: #67e8f9; }
      .highlight .a-at { color: #fcd34d; }
      .highlight .a-tg { color: #fda4af; }
      .highlight .a-l { color: #a5b4fc; }
      .highlight .a-ns { color: #cbd5e1; }
      .highlight .a-cr { color: #e9a8fb; }
      .highlight .a-tu { color: #7dd3fc; }
      .highlight .a-tl { color: #86efac; }
    }
  }

  @media (prefers-reduced-motion: reduce) {
    @scope (.brewery) {
      *, ::before, ::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
      .repo-card:hover { transform: none; }
    }
  }
}

@media (prefers-reduced-motion: no-preference) {
  html:has(body.brewery) { scroll-behavior: smooth; }
}