/* ============================================================================
   Holt Computational Genomics — skin overrides
   ----------------------------------------------------------------------------
   Computational genomics · long-read sequencing · pangenome graphs.
   Aesthetic: near-monochrome slate, code-monospace labels, single bright cyan
   accent. Designed for the "graphs over genomes" identity.

   Typography: Inter Tight (display) + Inter (body) + JetBrains Mono (label).
   Loaded AFTER the gem's biohub-lab-theme.css via site.data.lab.skin_css.

   Contrast notes (text on surface, WCAG AA target 4.5:1):
     on-surface (#e6edf3) on surface (#0d1117) ≈ 14.5:1  PASS
     on-surface-muted (#94a3b8) on surface (#0d1117) ≈ 7.8:1  PASS
     primary (#22d3ee) on surface (#0d1117) ≈ 10.3:1  PASS
     on-primary (#0d1117) on primary (#22d3ee) ≈ 10.3:1  PASS
     on-accent (#0d1117) on accent (#fbbf24) ≈ 11.4:1  PASS
   ============================================================================ */

:root {
  /* Brand — electric cyan + deep slate primaries */
  --biohub-primary:           34 211 238;      /* #22d3ee electric cyan */
  --biohub-primary-strong:    14 165 189;      /* #0ea5bd deeper cyan */
  --biohub-on-primary:        13 17 23;        /* #0d1117 near-black */
  --biohub-secondary:         148 163 184;     /* #94a3b8 slate-400 */
  --biohub-on-secondary:      13 17 23;        /* #0d1117 */
  --biohub-accent:            251 191 36;      /* #fbbf24 amber — secondary highlight */
  --biohub-on-accent:         13 17 23;        /* #0d1117 */

  /* Surfaces — near-black tonal stack */
  --biohub-surface:           13 17 23;        /* #0d1117 GitHub-dark base */
  --biohub-surface-sunken:    8 11 16;         /* #080b10 deeper */
  --biohub-surface-elevated:  22 27 34;        /* #161b22 one step up */
  --biohub-surface-overlay:   33 38 45;        /* #21262d two steps up */
  --biohub-on-surface:        230 237 243;     /* #e6edf3 near-white */
  --biohub-on-surface-muted:  148 163 184;     /* #94a3b8 slate-400 */

  /* Soft accents — desaturated cyan / amber for chips and washes */
  --biohub-secondary-soft:    71 85 105;       /* #475569 slate-600 */
  --biohub-accent-soft:       34 60 70;        /* #223c46 muted teal-ink */
  --biohub-tag-bg:            33 38 45;        /* #21262d surface-overlay */
  --biohub-tag-text:          34 211 238;      /* #22d3ee cyan */

  /* Hairlines */
  --biohub-hairline:          48 54 61;        /* #30363d subtle */
  --biohub-hairline-strong:   87 96 106;       /* #57606a stronger */

  /* Typography — Inter Tight display + Inter body + JetBrains Mono label */
  --biohub-font-headline:     "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --biohub-font-body:         "Inter", ui-sans-serif, system-ui, sans-serif;
  --biohub-font-label:        "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* The .hl-ml highlight used by McDonald is not applicable here — defined
   neutrally so any inherited usage still resolves to a brand color. */
.hl-ml {
  color: rgb(var(--biohub-primary));
  font-weight: 700;
}