/* Shared KC identity. This file is copied unchanged to the companion at build time. */
:root {
  color-scheme: dark;
  --kc-bg: #111416;
  --kc-surface: #1a2023;
  --kc-raised: #232b2f;
  --kc-border: #39454c;
  --kc-control: #738087;
  --kc-text: #f3f0e8;
  --kc-muted: #aab5ba;
  --kc-accent: #d9b66f;
  --kc-accent-hover: #e6c98e;
  --kc-on-accent: #111416;
  --kc-focus: #9dc7f0;
  --kc-success: #94c9aa;
  --kc-error: #f0a4a4;
  --kc-font: Inter, "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
  --kc-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --kc-mono: Consolas, "Liberation Mono", monospace;
  --kc-radius: 10px;
  --kc-radius-sm: 6px;
  --kc-content-width: 1180px;
}
@font-face { font-family: Inter; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fonts/inter-latin.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("fonts/source-serif-latin.ttf") format("truetype"); }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid var(--kc-focus); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }
@media (forced-colors: active) { :where(button, input, select, textarea, .button, .stage) { border: 1px solid ButtonText !important; } }