:root {
  color-scheme: light;
  --bg: #ffffff;
  --s1: #f7f9fc;
  --s2: #eef5fc;
  --text: #172033;
  --muted: #66758a;
  --blue: #0e60ee;
  --cyan: #44c7ff;
  --good: #218c62;
  --warn: #ad6b00;
  --bad: #c33e52;
  --border: rgba(31, 67, 99, 0.13);
  --border-strong: rgba(14, 96, 238, 0.24);
  --shadow: 0 18px 42px rgba(28, 77, 125, 0.1);
  --soft-shadow: 0 8px 24px rgba(28, 77, 125, 0.08);
}

html,
body {
  background: var(--bg);
  color: var(--text);
}

.kairos-boot {
  background:
    radial-gradient(circle at 50% 44%, rgba(68, 199, 255, 0.13), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color: var(--text);
  transition: opacity 0.34s ease, visibility 0.34s ease;
}

.kairos-boot-glow {
  width: min(62vw, 560px);
  background: radial-gradient(circle, rgba(68, 199, 255, 0.18), transparent 70%);
  animation: kairos-light-glow 1.55s ease-in-out infinite alternate;
}

.kairos-boot-mark {
  width: clamp(104px, 16vw, 156px);
  filter: drop-shadow(0 12px 30px rgba(14, 96, 238, 0.2));
  animation: kairos-light-mark 1.15s cubic-bezier(0.22, 0.8, 0.28, 1) both;
}

.kairos-boot-ring {
  border-color: rgba(14, 96, 238, 0.22);
}

@keyframes kairos-light-glow {
  from { transform: scale(0.92); opacity: 0.56; }
  to { transform: scale(1.08); opacity: 1; }
}

@keyframes kairos-light-mark {
  0% { transform: scale(0.88); opacity: 0; }
  58% { transform: scale(1.04); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

.kairos-app {
  background:
    radial-gradient(circle at 82% -10%, rgba(68, 199, 255, 0.12), transparent 34rem),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

.kairos-rail {
  border-right-color: var(--border);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 10px 0 28px rgba(28, 77, 125, 0.04);
}

.kairos-brand-lockup {
  border-bottom-color: var(--border);
}

.kairos-brand-mark {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
}

.kairos-brand-lockup strong,
.kairos-brand-lockup small {
  color: var(--text);
}

.kairos-brand-lockup small,
.kairos-topbar-context span,
.kairos-nav-button kbd {
  color: var(--muted);
}

.kairos-brand-orb {
  display: none;
}

.kairos-nav-button {
  color: #53657a;
}

.kairos-nav-button:hover,
.kairos-nav-button.is-active {
  color: var(--text);
  background: #edf6ff;
}

.kairos-nav-button.is-active {
  box-shadow: inset 2px 0 0 var(--blue);
}

.kairos-stage {
  min-width: 0;
}

.kairos-topbar {
  border-bottom-color: var(--border);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 5px 20px rgba(28, 77, 125, 0.04);
}

.kairos-topbar-context strong {
  color: var(--text);
}

.kairos-mobile-brand {
  display: none;
  align-items: center;
  gap: 8px;
  color: var(--text);
  font-size: 14px;
  font-weight: 750;
}

.kairos-command-trigger,
.kairos-status-button,
.kairos-icon-button {
  border-color: var(--border);
  background: rgba(255, 255, 255, 0.94);
  color: #53657a;
  box-shadow: var(--soft-shadow);
}

.kairos-command-trigger:hover,
.kairos-status-button:hover,
.kairos-icon-button:hover {
  border-color: var(--border-strong);
  color: var(--text);
}

.kairos-status-dot {
  background: #b1c0ce;
}

.kairos-canvas[data-entering="true"] {
  animation: kos-light-in 0.28s ease-out both;
}

@keyframes kos-light-in {
  from { opacity: 0; transform: translateY(7px) scale(0.995); }
  to { opacity: 1; transform: none; }
}

.kairos-home-intent {
  border: 1px solid var(--border);
  background:
    radial-gradient(circle at 84% 8%, rgba(68, 199, 255, 0.16), transparent 32%),
    linear-gradient(145deg, #ffffff, #f0f7ff);
  box-shadow: var(--shadow);
}

.kairos-kicker {
  color: var(--blue);
}

.kairos-home-intent h1,
.kairos-view-header h1,
.kairos-section-heading h2 {
  color: var(--text);
}

.kairos-home-intent > p,
.kairos-view-header > p,
.kairos-space-card p,
.kairos-capability-card p {
  color: var(--muted);
}

.kairos-intent-button {
  border-color: var(--border-strong);
  background: rgba(255, 255, 255, 0.84);
  color: var(--text);
  box-shadow: var(--soft-shadow);
}

.kairos-intent-button:hover {
  border-color: rgba(14, 96, 238, 0.42);
  box-shadow: 0 12px 28px rgba(14, 96, 238, 0.12);
}

.kairos-intent-button kbd {
  color: var(--muted);
}

.kairos-space-card,
.kairos-capability-card,
.kairos-work-surface,
.kairos-truth-grid article,
.summary-card {
  border-color: var(--border);
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
  box-shadow: var(--soft-shadow);
}

.kairos-space-card:hover,
.kairos-capability-card:hover {
  border-color: rgba(14, 96, 238, 0.3);
  box-shadow: 0 16px 34px rgba(28, 77, 125, 0.13);
}

.kairos-space-icon,
.kairos-capability-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(14, 96, 238, 0.14);
  border-radius: 15px;
  color: var(--blue);
  background: linear-gradient(135deg, #eafaff, #eef3ff);
}

.kairos-capability-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 4px;
  border-radius: 14px;
}

.kairos-space-icon-glyph {
  width: 25px;
  height: 25px;
}

.kairos-card-arrow,
.kairos-capability-action,
.kairos-back-link {
  color: var(--blue);
}

.kairos-truth-grid article {
  background: #f7faff;
}

.kairos-truth-grid span,
.kairos-truth-grid strong {
  color: var(--text);
}

.kairos-truth-grid span,
.kairos-command-result span small,
.kairos-empty-state,
.kairos-activity-list p {
  color: var(--muted);
}

.kairos-work-surface {
  background: rgba(255, 255, 255, 0.96);
}

.objective,
.kairos-command-head input {
  border-color: var(--border);
  background: #ffffff;
  color: var(--text);
}

.primary {
  border-color: rgba(14, 96, 238, 0.3);
  background: linear-gradient(135deg, #0e60ee, #29a9f4);
  color: #ffffff;
  box-shadow: 0 9px 20px rgba(14, 96, 238, 0.18);
}

.secondary {
  border-color: var(--border);
  background: #f7faff;
  color: var(--text);
}

.error {
  color: #a22f43;
  border-color: rgba(195, 62, 82, 0.22);
  background: rgba(255, 232, 237, 0.72);
}

.kairos-overlay-scrim {
  background: rgba(28, 55, 86, 0.18);
  backdrop-filter: blur(8px);
}

.kairos-command-palette,
.kairos-activity-drawer,
.kairos-mobile-sheet {
  border-color: var(--border);
  background: rgba(255, 255, 255, 0.98);
  color: var(--text);
  box-shadow: 0 28px 90px rgba(28, 77, 125, 0.18);
}

.kairos-command-head,
.kairos-activity-drawer > header,
.kairos-mobile-sheet > header {
  border-bottom-color: var(--border);
}

.kairos-command-head svg {
  stroke: var(--blue);
}

.kairos-command-result {
  color: var(--text);
}

.kairos-command-result.is-selected,
.kairos-command-result:hover {
  background: #edf6ff;
}

.kairos-command-result em {
  color: var(--muted);
}

.kairos-activity-list article {
  border-color: var(--border);
  background: #f7faff;
}

.kairos-activity-state {
  background: #9cafbf;
}

.kairos-mobile-bottom {
  border-color: var(--border);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 30px rgba(28, 77, 125, 0.12);
}

.kairos-mobile-bottom button {
  color: var(--muted);
}

.kairos-mobile-bottom button[aria-current="page"] {
  color: var(--text);
  background: #edf6ff;
}

@media (max-width: 760px) {
  .kairos-mobile-brand {
    display: flex;
  }

  .kairos-topbar-context {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kairos-boot-glow,
  .kairos-boot-mark,
  .kairos-boot-ring,
  .kairos-canvas[data-entering="true"] {
    animation: none !important;
  }

  .kairos-boot,
  .kairos-os-root,
  .kairos-float-surface {
    transition: none !important;
  }
}