:root {
  --hc-cyan:    #00C8FF;
  --hc-pink:    #FF3CAC;
  --hc-yellow:  #FFE600;
  --hc-bg:      #0e0e0e;
  --hc-surface: #1a1a1a;
  --hc-border:  #2e2e2e;
  --hc-muted:   #666666;
  --hc-subtle:  #cccccc;
  --hc-white:   #ffffff;
  --hc-live:    #e63946;
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px;
  --sp-xs: 4px; --sp-sm: 8px; --sp-md: 16px; --sp-lg: 24px; --sp-xl: 40px;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  background: var(--hc-bg);
  color: var(--hc-white);
  height: 100%;
}