/* Daylight theme. The code panels and MCP diagram retain their dark surfaces. */
:root {
  color-scheme: light;
  --bg: #fbfcff;
  --surface: #ffffff;
  --line: #172c4d14;
  --muted: #5d6d84;
  --text: #14243d;
  --blue: #2463eb;
  --cyan: #2463eb;
}
body {
  background: var(--bg);
}
.header {
  background: #ffffffed;
  border-bottom-color: #e5eaf3;
}
.brand {
  letter-spacing: -1.1px;
}
.brand > span {
  color: #2463eb;
}
.brand .wordmark {
  width: 140px;
  height: 32px;
  margin: 0;
}
.nav nav {
  color: #52627a;
}
.nav a:hover,
.text-link:hover {
  color: #1551cd;
}
.nav-cta {
  border-color: #d5ddea;
  background: #fff;
  color: #243853;
}
.nav-cta:hover {
  border-color: #9eb9ec;
}
.menu {
  color: #243853;
  border-color: #d5ddea;
}
.hero {
  padding-top: 74px;
}
.hero:before {
  background: radial-gradient(
    ellipse at 50% 65%,
    #e0eaff 0%,
    #f2f6ff 38%,
    transparent 70%
  );
}
.eyebrow {
  color: #526580;
}
.mini-mark,
.ai-spark,
.check-list li:before {
  color: #2463eb;
}
.hero h1 {
  font-weight: 500;
}
.gradient-text {
  color: #2463eb;
  background-image: linear-gradient(115deg, #173fa1, #2463eb 55%, #5694f9);
}
.hero-copy {
  color: #344964;
}
.text-link {
  color: #344e73;
}
.primary {
  background: #2463eb;
  color: #fff;
  box-shadow:
    0 5px 12px #2463eb20,
    inset 0 1px #ffffff32;
}
.primary:hover {
  background: #1d53cf;
  color: white;
}
.hero-notes {
  color: #5b6f8b;
}
.hero-notes span:before {
  color: #2463eb;
}
.workspace {
  background: white;
  border-color: #ccd8eb;
  box-shadow:
    0 18px 55px #243e6812,
    0 2px 5px #243e6805;
}
.window-top {
  background: #f0f4fa;
  color: #60718a;
}
.window-dots i {
  background: #bfcbdb;
}
.app-sidebar {
  background: #f7f9fc;
  color: #61718a;
}
.workspace-name,
.app-breadcrumb strong {
  color: #263a57;
}
.team-icon {
  border-color: #cfdaeb;
  background: white;
  color: #2463eb;
}
.side-active {
  background: #e8f0ff;
  color: #205edc;
}
.app-breadcrumb,
.repo-heading p {
  color: #61718a;
}
.private-badge,
.branch-label {
  border-color: #d8e1ef;
  background: #f8faff;
  color: #516780;
}
.demo-tabs button {
  color: #61718a;
}
.demo-tabs button[aria-selected="true"] {
  color: #205cd7;
  border-bottom-color: #2463eb;
}
.commit-row {
  background: #f1f5fc;
  border-color: #dfe7f3;
  color: #65758d;
}
.commit-row strong {
  color: #334b6c;
}
.avatar {
  background: #e0ebff;
  color: #2155b4;
}
.file-row {
  color: #314765;
  border-bottom-color: #edf1f7;
}
.file-row span:last-child {
  color: #718098;
}
.insight {
  border-color: #d5e3fc;
  background: linear-gradient(110deg, #eef4ff, #f8faff);
}
.insight > span {
  color: #2463eb;
}
.insight strong {
  color: #2c538e;
}
.insight p {
  color: #587194;
}
.preview-caption {
  color: #627691;
}
.kicker {
  color: #2463eb;
}
.feature-card {
  background: white;
  border-color: #dde5f0;
  box-shadow: 0 3px 8px #17356403;
}
.feature-card:hover {
  border-color: #9fb9e8;
}
.icon-square {
  border-color: #d8e5fc;
  background: #eef4ff;
  color: #2463eb;
}
.card-number {
  color: #7185a2;
}
.card-tags span {
  background: #f6f8fc;
  border-color: #e1e7f1;
  color: #516987;
}
.terminal {
  --line: #ffffff12;
  color: #e3eeff;
  border-color: #1e2d46;
}
.terminal > div {
  color: #93a4bf;
}
.terminal-muted {
  color: #94a6c2;
}
.pr-mini,
.access-mini {
  background: #f7f9fd;
  border-color: #e0e7f2;
}
.pr-mini strong {
  color: #2b405f;
}
.pr-icon {
  color: #7752bd;
}
.pill {
  color: #6f3fb0;
  border-color: #d9c9f0;
  background: #f0eafa;
}
.pr-mini > p,
.review-line {
  color: #5e7190;
}
.pr-mini code {
  background: #eaf0fa;
  border-color: #dce5f2;
}
.approved {
  color: #25805a;
}
.merge-line {
  color: #667b98;
}
.merge-line span:first-child {
  color: #275cae;
}
.access-mini strong {
  color: #314562;
}
.access-mini small {
  color: #627795;
}
.access-level {
  color: #2e5ca2;
  background: #e9f0fd;
  border-color: #cfddf3;
}
.violet {
  background: #eee7fb;
  color: #6d4a9b;
}
.teal {
  background: #def2ef;
  color: #28766c;
}
.intelligence-band {
  background: #f0f5ff;
  border-block-color: #e0e9f9;
}
.subtle-text {
  color: #7184a2;
}
.check-list {
  color: #425c80;
}
.provider-note {
  color: #4b668d;
}
.provider-note span {
  color: #6b7f9d;
}
.answer-card {
  background: white;
  border-color: #ccd9ee;
  box-shadow: 0 20px 60px #2852a212;
  transform: rotate(-1deg);
}
.answer-top {
  background: #f7f9fe;
  color: #415d82;
  border-bottom-color: #e1e8f4;
}
.question-bubble {
  color: #244d91;
  background: #edf3ff;
  border-color: #cedef9;
}
.answer-body > p {
  color: #5d718f;
}
.source-preview {
  background: #f7f9fd;
  border-color: #e0e7f3;
}
.source-preview > span {
  color: #6b83a6;
}
.source-preview strong {
  color: #315684;
}
.source-preview small {
  color: #657b99;
}
.answer-foot {
  color: #637da2;
}
.connection-map {
  --line: #ffffff12;
  color: #edf4ff;
  border-color: #263d61;
  background:
    radial-gradient(ellipse at center, #17305255, transparent 70%),
    radial-gradient(#516a8d55 1px, transparent 1px), #0c1525;
  background-size:
    auto,
    20px 20px,
    auto;
  box-shadow: 0 12px 35px #132d5810;
}
.map-label,
.map-caption {
  color: #9fb3cf;
}
.map-gateway small {
  color: #a2b9df;
}
.scope-row > span {
  color: #2463eb;
}
.scope-row > p {
  color: #617591;
}
.security {
  background: #f1f5fc;
  border-color: #dce5f3;
}
.feature-list {
  border-top-color: #cfd9e9;
}
.feature-list details {
  border-bottom-color: #e0e6ef;
}
.feature-list summary:hover h3 {
  color: #2463eb;
}
.feature-index-number,
.feature-summary {
  color: #6c7e99;
}
.expand {
  color: #59708f;
}
.feature-list details[open] .expand {
  color: #2463eb;
}
.feature-detail h4 {
  color: #315a92;
}
.feature-detail p {
  color: #5c708d;
}
.feature-note {
  color: #647895;
}
.closing {
  background:
    radial-gradient(ellipse at 50% 120%, #cfe0ff, transparent 72%), #f0f5ff;
  border-color: #d4e1f5;
}
.closing p {
  color: #5a7194;
}
.closing-mark img {
  width: 56px;
  height: 56px;
}
.closing-grid {
  background-image:
    linear-gradient(#406eaf0a 1px, transparent 1px),
    linear-gradient(90deg, #406eaf0a 1px, transparent 1px);
}
.demo-example {
  color: #657b9a;
}
.question-options button {
  color: #42628e;
  border-color: #d0dcef;
  background: #f5f8fe;
}
.question-options button[aria-pressed="true"] {
  color: #1f55b2;
  border-color: #9cbbf1;
  background: #e7efff;
}
.search-answer {
  color: #546e92;
  border-color: #d5e2f5;
  background: #f5f8fe;
}
.search-answer strong {
  color: #28538e;
}
.search-answer code {
  color: #39629a;
  background: #e8effc;
}
.diff {
  --line: #ffffff12;
  color-scheme: dark;
}
.review-meta {
  color: #5b7293;
}
.review-meta button,
.copy-button {
  color: #345d96;
  border-color: #cfddf1;
  background: #edf3ff;
}
.checks-panel {
  background: #edf8f2;
  border-color: #c5e6d3;
  color: #26744e;
}
.mcp-toolbar span,
.mcp-note {
  color: #5b7497;
}
.copy-status {
  color: #245cb3;
}
.mcp-code {
  color-scheme: dark;
}
.skip {
  color: white;
}
@media (max-width: 800px) {
  .answer-card {
    transform: none;
  }
}
@media (max-width: 520px) {
  .nav nav {
    background: white;
    border-bottom: 1px solid #e0e7f2;
    box-shadow: 0 12px 18px #142e4f0a;
  }
  .menu {
    color: #243853;
    border-color: #d5ddea;
  }
  .hero {
    padding-top: 55px;
  }
  .brand .wordmark {
    width: 131px;
    height: 30px;
  }
}