:root {
  --hc-color-primary: #1ebf69;
  --hc-color-accent: #000;
  --hc-color-fg: #0f172a;
  --hc-color-bg: #ffffff;
  --hc-color-muted: #64748b;
  --hc-color-surface: #f8fafc;
  --hc-color-border: #e2e8f0;
  --hc-hero-fg: #ffffff;
  --hc-radius-sm: 4px;
  --hc-radius-md: 8px;
  --hc-radius-lg: 16px;
  --hc-radius-pill: 9999px;
  --hc-font-body: 'hc-custom-1', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hc-font-heading: 'hc-custom-1', 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: "Chargenode";
}

[data-theme="dark"] {
  --hc-color-primary: #60a5fa;
  --hc-color-accent: #fb923c;
  --hc-color-fg: #f1f5f9;
  --hc-color-bg: #020617;
  --hc-color-muted: #94a3b8;
  --hc-color-surface: #0f172a;
  --hc-color-border: #1e293b;
  --hc-hero-fg: #111827;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --hc-color-primary: #60a5fa;
  --hc-color-accent: #fb923c;
  --hc-color-fg: #f1f5f9;
  --hc-color-bg: #020617;
  --hc-color-muted: #94a3b8;
  --hc-color-surface: #0f172a;
  --hc-color-border: #1e293b;
  --hc-hero-fg: #111827;
  }
}

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

@font-face {
  font-family: 'hc-custom-1';
  src: url('https://fonts.helpcenter.io/chargenode/fonts/circular_400_normal_woff2.woff2') format('woff2'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_400_normal_woff.woff') format('woff'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_400_normal_ttf.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'hc-custom-1';
  src: url('https://fonts.helpcenter.io/chargenode/fonts/circular_400_italic_woff2.woff2') format('woff2'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_400_italic_woff.woff') format('woff'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_400_italic_ttf.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'hc-custom-1';
  src: url('https://fonts.helpcenter.io/chargenode/fonts/circular_500_normal_woff2.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'hc-custom-1';
  src: url('https://fonts.helpcenter.io/chargenode/fonts/circular_500_italic_woff2.woff2') format('woff2'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_500_italic_woff.woff') format('woff'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_500_italic_ttf.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'hc-custom-1';
  src: url('https://fonts.helpcenter.io/chargenode/fonts/circular_700_normal_woff2.woff2') format('woff2'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_700_normal_woff.woff') format('woff'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_700_normal_ttf.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'hc-custom-1';
  src: url('https://fonts.helpcenter.io/chargenode/fonts/circular_900_normal_woff2.woff2') format('woff2'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_900_normal_woff.woff') format('woff'),
       url('https://fonts.helpcenter.io/chargenode/fonts/circular_900_normal_ttf.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}