/*
  Schumann Observatory — unified color system (load before component CSS)
  Cyan = data / brand · Gold = live / premium · Green = live dot only
*/

body.sr-site {
  --sr-bg-deep: #030810;
  --sr-bg-mid: #061018;
  --sr-bg-card: rgba(6, 14, 26, 0.58);
  --sr-cyan: #38bdf8;
  --sr-cyan-bright: #7dd3fc;
  --sr-cyan-soft: rgba(56, 189, 248, 0.14);
  --sr-cyan-dim: rgba(125, 211, 252, 0.72);
  --sr-gold: #c9a962;
  --sr-gold-bright: #dcc07a;
  --sr-gold-soft: rgba(201, 169, 98, 0.16);
  --sr-text: #eef4f8;
  --sr-text-muted: rgba(186, 210, 230, 0.72);
  --sr-live: #4ade80;
  --sr-border: rgba(56, 189, 248, 0.18);
  --sr-border-strong: rgba(56, 189, 248, 0.32);
  --sr-glass: rgba(6, 14, 26, 0.52);
  --sr-blur: blur(28px) saturate(155%);

  --sr-page-gutter: clamp(0.75rem, 2vw, 1.25rem);
  --sr-lane-wide: min(92rem, calc(100vw - var(--sr-page-gutter) * 2));
  --sr-lane-standard: var(--sr-lane-wide);
  --sr-dash-lane: var(--sr-lane-wide);

  --fg-gold: var(--sr-gold);
  --fg-teal: var(--sr-cyan);
  --fg-text: var(--sr-text);
  --fg-muted: var(--sr-text-muted);
  --fg-border: var(--sr-border);
  --fg-glass: var(--sr-glass);
  --ae-gold: var(--sr-gold);
  --ae-teal: var(--sr-cyan);
  --ae-text: var(--sr-text);
  --ae-muted: var(--sr-text-muted);
  --ae-border: var(--sr-border);
  --hp-gold: var(--sr-gold);
  --hp-teal: var(--sr-cyan);
  --hp-text: var(--sr-text);
  --hp-muted: var(--sr-text-muted);
  --hp-border: var(--sr-border);
  --hp-up: var(--sr-cyan);
  --hp-down: #f87171;
}