:root {
  --hc-color-primary: #055EFF;
  --hc-color-accent: #312d85;
  --hc-color-fg: #15355d;
  --hc-color-bg: #ffffff;
  --hc-color-muted: #8298ad;
  --hc-color-surface: #f7f8fc;
  --hc-color-border: #e6e9f0;
  --hc-hero-fg: #ffffff;
  --hc-radius-sm: 6px;
  --hc-radius-md: 10px;
  --hc-radius-lg: 14px;
  --hc-radius-pill: 9999px;
  --hc-font-body: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hc-font-heading: 'Roboto', 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: "Rotik";
}

[data-theme="dark"] {
  --hc-color-primary: #055EFF;
  --hc-color-accent: #7b74e0;
  --hc-color-fg: #eef1f8;
  --hc-color-bg: #12101f;
  --hc-color-muted: #9aa6bd;
  --hc-color-surface: #1b1830;
  --hc-color-border: #2b2740;
  --hc-hero-fg: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --hc-color-primary: #055EFF;
  --hc-color-accent: #7b74e0;
  --hc-color-fg: #eef1f8;
  --hc-color-bg: #12101f;
  --hc-color-muted: #9aa6bd;
  --hc-color-surface: #1b1830;
  --hc-color-border: #2b2740;
  --hc-hero-fg: #ffffff;
  }
}

.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; }
}