:root {
  --hl-ink: #050f15;
  --hl-black: #080e12;
  --hl-navy: #001932;
  --hl-panel: #0a1f33;
  --hl-panel-strong: #0d2b45;
  --hl-line: rgba(136, 220, 255, 0.22);
  --hl-line-strong: rgba(136, 220, 255, 0.34);
  --hl-text: #f2fbfe;
  --hl-muted: #a9c4d6;
  --hl-soft: #88dcff;
  --hl-cyan: #00aeef;
  --hl-cyan-deep: #007aa7;
  --hl-cyan-soft: rgba(0, 174, 239, 0.14);
}

html {
  background: var(--hl-ink);
}

.palette-huberman {
  background: var(--hl-ink);
  color: var(--hl-text);
}

.palette-huberman .site-header {
  background: rgba(5, 15, 21, 0.94);
  border-color: var(--hl-line);
}

.palette-huberman .site-brand,
.palette-huberman .site-title {
  color: var(--hl-text);
}

.palette-huberman .site-nav-link {
  color: var(--hl-muted);
}

.palette-huberman .site-nav-link:hover,
.palette-huberman .site-nav-link-active,
.palette-huberman .site-accent {
  color: var(--hl-cyan);
}

.palette-huberman .site-hero {
  background: linear-gradient(180deg, var(--hl-ink) 0%, var(--hl-navy) 100%);
}

.palette-huberman .site-band {
  background: var(--hl-black);
}

.palette-huberman .site-band-alt {
  background: var(--hl-ink);
}

.palette-huberman .site-panel {
  background: var(--hl-panel);
  border-color: var(--hl-line);
}

.palette-huberman .site-panel-strong {
  background: var(--hl-panel-strong);
  border-color: var(--hl-line-strong);
}

.palette-huberman .site-copy {
  color: var(--hl-muted);
}

.palette-huberman .site-eyebrow {
  background: var(--hl-cyan-soft);
  border-color: var(--hl-line-strong);
  color: var(--hl-soft);
}

.palette-huberman .btn-cyan {
  background: var(--hl-cyan);
  border: 1px solid var(--hl-cyan);
  color: var(--hl-ink);
}

.palette-huberman .btn-cyan:hover {
  background: #66d4ff;
  border-color: #66d4ff;
}

.palette-huberman .btn-ghost,
.palette-huberman .social-pill {
  background: rgba(0, 174, 239, 0.06);
  border: 1px solid var(--hl-line);
  color: var(--hl-text);
}

.palette-huberman .btn-ghost:hover,
.palette-huberman .social-pill:hover {
  background: var(--hl-cyan-soft);
  border-color: var(--hl-cyan);
}

.palette-huberman .stat-card,
.palette-huberman .article-card {
  background: var(--hl-panel);
  border-color: var(--hl-line);
}

.palette-huberman .timeline-item {
  position: relative;
  border-color: var(--hl-line);
}

.palette-huberman .timeline-line {
  background: linear-gradient(
    180deg,
    rgba(0, 174, 239, 0.85),
    rgba(136, 220, 255, 0.2)
  );
}

.palette-huberman .timeline-dot {
  background: var(--hl-cyan);
  border-color: var(--hl-ink);
  box-shadow: 0 0 0 6px rgba(0, 174, 239, 0.14);
}

.palette-huberman .timeline-body {
  background: rgba(10, 31, 51, 0.58);
  border-color: var(--hl-line);
}

.palette-huberman .article-card:hover {
  border-color: var(--hl-cyan);
}

.palette-huberman .portrait-frame {
  background: var(--hl-black);
  border-color: var(--hl-line-strong);
}

.palette-huberman .site-input {
  background: var(--hl-black);
  border-color: var(--hl-line);
  color: var(--hl-text);
}

.palette-huberman .site-input:focus {
  border-color: var(--hl-cyan);
  box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.16);
}