@font-face {
  font-family: Geist;
  src: url("/assets/geist.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  font-family: Geist, Arial, sans-serif;
}
.app-body {
  --bg: #0b0d10;
  --panel: #13171d;
  --elevated: #1c222b;
  --line: #2a333f;
  --muted: #9ba7b7;
  --ink: #e3e9f1;
  --mint: #8dc8ff;
  background: var(--bg);
}
.app-body .app-rail {
  background: #090b0e;
  border-color: #242b34;
}
.app-body .app-topbar {
  border-color: #242b34;
}
.app-body .app-rail > .brand {
  font-size: 21px;
  font-weight: 550;
  letter-spacing: -0.8px;
}
.app-body .rail-link.active {
  background: #1c2b3e;
  color: #b0d5ff;
}
.app-body .rail-link:hover {
  background: #19222d;
  color: #cbdcf1;
}
.app-body .brand-mark {
  color: #8dc8ff;
}
.app-body .workspace-empty {
  background: #111820;
  border-color: #35475e;
}
.app-body .file-input-panel {
  background: #131a24;
  border-color: #303c4c;
}
.app-body .drop-target {
  background: #0f1722;
  border-color: #3c506a;
}
.app-body .drop-target:hover {
  background: #1a2c41;
}
.app-body .release-pair {
  background: #151c26;
  border-color: #2d3a4c;
}
.app-body .comparison-total {
  border-color: #34475e;
}
.app-body .pattern-workspace {
  border-color: #303b4c;
}
.app-body .pattern-detail {
  background: #121923;
  border-color: #303b4c;
}
.app-body .pattern-row.selected {
  background: #1c3047;
  box-shadow: inset 3px 0 #8dc8ff;
}
.app-body .pattern-row {
  border-color: #283548;
}
.app-body .pattern-row:hover {
  background: #172639;
}
.app-body .pattern-table-heading {
  background: #141f2d;
}
.app-body .source-context {
  background: #0b121c;
}
.app-body .code-line.highlight {
  background: #213d5c;
  color: #c0e0ff;
}
.app-body .full-log {
  background: #0b111b;
  border-color: #2c3d54;
}
.app-body .full-log .code-line.jump-highlight {
  background: #294665;
  color: #dfedff;
  box-shadow: inset 3px 0 #8dc8ff;
}
.app-body .evidence-section,
.app-body .next-check,
.app-body .review-actions {
  border-color: #2d3b4f;
}
.app-body .notebook textarea,
.app-body .log-input {
  background: #0e1621 !important;
}
.app-body .review-summary {
  background: #162233;
  border-color: #304662;
}
.app-body input,
.app-body textarea,
.app-body select {
  background: #111821;
  border-color: #303f53;
}
.app-body .command-trigger {
  border-color: #2d3c50;
}
.app-body .secondary:hover,
.app-body .quiet:hover,
.app-body .icon-button:hover:not(:disabled) {
  background: #25354a;
  color: #e8f2ff;
}
.app-body .segmented {
  background: #182230;
  border-color: #2d3c50;
}
.app-body .segmented button[aria-pressed="true"] {
  background: #2a3e58;
  color: #d6e9ff;
}
.app-body .selected-button {
  background: #243f60;
  border-color: #4a729d;
  color: #c3dfff;
}
.app-body .text-button {
  color: #96a8c0;
}
.app-body .primary {
  background: #c5e2ff;
  color: #132236;
}
.app-body .primary:hover {
  background: #e2f0ff;
}
.app-body h1 {
  font-weight: 480;
  letter-spacing: -0.045em;
}
.app-body h2 {
  font-weight: 500;
  letter-spacing: -0.035em;
}
.app-body .page-heading p {
  color: #8e9fb4;
}
.app-body .notice.warning {
  background: #29251d;
  border-color: #635238;
  color: #e5cfa8;
}
.app-body .danger {
  background: #382729;
  border-color: #734447;
  color: #f3bcba;
}
.app-body .severity.error {
  color: #ecb1a8;
}
.app-body .severity.warn {
  color: #dfc38e;
}
.app-body .severity.info {
  color: #a6c8ef;
}
.app-body .change-label.new,
.app-body .change-label.increase {
  color: #a9cfff;
}
.app-body .status-dot {
  background: #8dbce9;
}
.app-body .settings-note,
.app-body .method-note,
.app-body .workspace-footnote p {
  color: #8a9eb8;
}
.app-body :focus-visible {
  outline-color: #8dc8ff;
}
.app-body .evidence-controls .wrap-control input {
  accent-color: #8dc8ff;
}
.app-body dialog {
  background: #172233;
  border-color: #3c5472;
}
.app-body dialog::backdrop {
  background: #05080ccb;
  backdrop-filter: none;
}
.app-body #toast {
  background: #c1ddfa;
  color: #162d46;
}
.app-body #toast.error {
  background: #efc9bd;
  color: #4b2018;
}
.app-body .example-row:hover {
  background: #18283c;
}
.app-body .app-topbar #breadcrumb {
  color: #8d9fb7;
}
.app-body .investigation-tabs > button.active {
  border-color: #8dc8ff;
  color: #dbeaff;
}
.app-body .comparison-total > strong {
  color: #c3deff;
}
.app-body .share-comparison strong > span {
  color: #b6d8ff;
}
.app-body .share-track.candidate > i {
  background: #8dc8ff;
}
.app-body .pattern-count.accent-count {
  color: #c2ddfc;
}
.app-body .review-indicator {
  color: #a7c9f0;
}
@media (max-width: 560px) {
  .app-body .rail-link.active {
    background: transparent;
  }
  .app-body .investigation:has(.detail-open) .pattern-detail {
    background: #111a28;
  }
}
.docs-body {
  background: #0a0b0d;
  color: #e1e8f2;
  --line: #2d3b4f;
  --muted: #95a5bb;
  color-scheme: dark;
}
.docs-body .site-nav > a {
  color: #a7b6ca;
}
.docs-body .primary {
  background: #d5e9ff;
  color: #182c45;
}
.docs-body .docs-page p,
.docs-body .docs-page li {
  color: #9cabbe;
}
.docs-body .docs-page pre {
  background: #131d2c;
  color: #b8cee8;
}
.docs-body .docs-page a:not(.button) {
  color: #b2d4fb;
}
.docs-body .docs-page h1,
.docs-body .docs-page h2,
.docs-body .docs-page h3 {
  font-weight: 500;
}
.docs-body .site-footer > span {
  color: #889fb9;
}
.docs-body .docs-toc a {
  color: #a6c8f0;
}
.app-body .share-track {
  background: #263345;
}
.app-body .share-track > i {
  background: #667c98;
}
.app-body .segmented button {
  color: #a1b2c9;
}
.app-body .pattern-count {
  color: #b4c7df;
}
.app-body .pattern-text > small,
.app-body .detail-heading > p,
.app-body .release-summary > span:last-child,
.app-body .investigation-state {
  color: #91a6c2;
}
.app-body .source-context .code-line > span:first-child {
  color: #7c93af;
}
.app-body .source-controls,
.app-body .source-caption {
  color: #8ea3be;
}
