:root {
  --accent: hsl(245 72% 56%);
  --accent-ink: #ffffff;
  --accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);
  --radius: 0.75rem;
  --radius-sm: 0.5rem;
  --radius-pill: 999px;
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --shadow-sm: 0 0.0333rem 0.0667rem rgba(16, 24, 40, 0.05);
  --shadow: 0 0.0333rem 0.1rem rgba(16, 24, 40, 0.1), 0 0.0333rem 0.0667rem rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 0.4rem 1.0667rem rgba(16, 24, 40, 0.12);
}
:root,
html[data-theme='light'],
.theme-light {
  color-scheme: light;
  --bg: #f7f8fa;
  --surface: #ffffff;
  --surface-2: #f2f4f7;
  --surface-3: #e9ecf2;
  --ink: #101828;
  --ink-2: #475467;
  --ink-3: #8894a8;
  --line: #e4e7ec;
  --line-2: #d0d5dd;
  --ok-bg: #ecfdf3; --ok-fg: #067647; --ok-bd: #abefc6;
  --info-bg: #eff4ff; --info-fg: #3538cd; --info-bd: #c7d7fe;
  --warn-bg: #fffaeb; --warn-fg: #b54708; --warn-bd: #fedf89;
  --bad-bg: #fef3f2; --bad-fg: #b42318; --bad-bd: #fecdca;
  --bubble-in: #e9e9eb; --bubble-in-ink: #101828;
  --bubble-out: var(--accent); --bubble-out-ink: #fff;
  --scroll-thumb: #c6ccd8;
  --scroll-track: #f0f2f5;
  --accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);
}
html[data-theme='dark'],
.theme-dark {
  color-scheme: dark;
  --bg: #0b0d12;
  --surface: #14171f;
  --surface-2: #1b1f2a;
  --surface-3: #232834;
  --ink: #e9edf5;
  --ink-2: #a2adc0;
  --ink-3: #6b7689;
  --line: #242936;
  --line-2: #323847;
  --ok-bg: #0d2a1c; --ok-fg: #5ce39b; --ok-bd: #1d5338;
  --info-bg: #15193a; --info-fg: #9eb4ff; --info-bd: #2c3570;
  --warn-bg: #2b1e08; --warn-fg: #fdc472; --warn-bd: #5c411a;
  --bad-bg: #2d1412; --bad-fg: #ff9e95; --bad-bd: #5e2724;
  --bubble-in: #262b36; --bubble-in-ink: #e9edf5;
  --bubble-out: var(--accent); --bubble-out-ink: #fff;
  --scroll-thumb: #39414f;
  --scroll-track: #16191f;
  --accent-soft: color-mix(in srgb, var(--accent) 22%, transparent);
  --shadow-sm: 0 0.0333rem 0.0667rem rgba(0, 0, 0, 0.4);
  --shadow: 0 0.0333rem 0.1rem rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 0.4rem 1.0667rem rgba(0, 0, 0, 0.55);
}
:root { --logo-ink: rgb(255 255 255); }