:root {
  --hc-color-primary: #fff6dc;
  --hc-color-primary-fill: #fff6dc;
  --hc-color-on-primary: #000000;
  --hc-color-accent: #f59e0b;
  --hc-color-on-accent: #000000;
  --hc-color-fg: #0f172a;
  --hc-color-bg: #ffffff;
  --hc-color-muted: #64748b;
  --hc-color-surface: #f8fafc;
  --hc-color-border: #e2e8f0;
  --hc-color-primary-text: #757165;
  --hc-color-accent-text: #9f6707;
  --hc-color-field-border: #8c9095;
  --hc-ink-floor: 0;
  --hc-ink-chroma: 1;
  --hc-hero-fg: #000000;
  --hc-radius-sm: 4px;
  --hc-radius-md: 8px;
  --hc-radius-lg: 16px;
  --hc-radius-pill: 9999px;
  --hc-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hc-font-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hc-font-mono: 'JetBrains Mono', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hc-density-gap: 1.25rem;
  --hc-density-pad: 1rem;
  --hc-density-h1: 2.25rem;
  --hc-brand-name: "KBAnywhere";
}

[data-theme="dark"] {
  --hc-color-primary: #60a5fa;
  --hc-color-primary-fill: #60a5fa;
  --hc-color-on-primary: #000000;
  --hc-color-accent: #fb923c;
  --hc-color-on-accent: #000000;
  --hc-color-fg: #f1f5f9;
  --hc-color-bg: #020617;
  --hc-color-muted: #94a3b8;
  --hc-color-surface: #0f172a;
  --hc-color-border: #1e293b;
  --hc-color-primary-text: #60a5fa;
  --hc-color-accent-text: #fb923c;
  --hc-color-field-border: #5d6572;
  --hc-ink-floor: 0.685;
  --hc-ink-chroma: 1;
  --hc-hero-fg: #000000;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --hc-color-primary: #60a5fa;
  --hc-color-primary-fill: #60a5fa;
  --hc-color-on-primary: #000000;
  --hc-color-accent: #fb923c;
  --hc-color-on-accent: #000000;
  --hc-color-fg: #f1f5f9;
  --hc-color-bg: #020617;
  --hc-color-muted: #94a3b8;
  --hc-color-surface: #0f172a;
  --hc-color-border: #1e293b;
  --hc-color-primary-text: #60a5fa;
  --hc-color-accent-text: #fb923c;
  --hc-color-field-border: #5d6572;
  --hc-ink-floor: 0.685;
  --hc-ink-chroma: 1;
  --hc-hero-fg: #000000;
  }
}

.hc-logo--dual .hc-logo-img--dark { display: none; }
[data-theme="dark"] .hc-logo--dual .hc-logo-img--light { display: none; }
[data-theme="dark"] .hc-logo--dual .hc-logo-img--dark { display: inline-block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .hc-logo--dual .hc-logo-img--light { display: none; }
  :root:not([data-theme="light"]) .hc-logo--dual .hc-logo-img--dark { display: inline-block; }
}