:root{
  --bg:#0b0d12; --surface:#11131a; --surface-2:#151923;
  --text:#e9ecf6; --muted:#aab4c6;
  --brand:#8fb6ff; --brand-2:#3d76ff; --brand-dim:#2747a7;
  --stroke: rgba(255,255,255,.06); --glow: rgba(100,150,255,.24);
  --r-xs:8px; --r-sm:12px; --r-md:14px; --r-lg:18px;
  --shadow-1: 0 1px 0 rgba(255,255,255,.03) inset, 0 10px 30px rgba(0,0,0,.2);
  --stroke-inset: 0 0 0 1px var(--stroke) inset;
  --maxw:1100px;
}
body.brand-llfo{
  --fieldlines: url('/assets/fig-fieldlines.svg');
  --hero-base: url('/assets/hero-base.svg');
  --hero-overlay: url('/assets/hero-overlay.svg');
}

/* PHASE BRAND VARS */
:root{ --brand:#8fb6ff; --ring:#8fb6ff; --phase-name: 'Night'; }
:root[data-phase="dawn"]{ --brand:#ffb7e6; --ring:#ffcfe6; --phase-name: 'Dawn'; }
:root[data-phase="eclipse"]{ --brand:#c1c7d3; --ring:#d8dde6; --phase-name: 'Eclipse'; }

footer a { color: #B9C3D6; } footer a:hover { color: #88A8FF; }