:root{
/* Light surface (default) */
--bg:#F4F5EF;
--bg-alt:#ECEEE7;
--bg-sunken:#E8E9E3;
--grid-line:rgba(16,34,46,.05);
--ink:#10222E;
--body:#4A5568;
--muted:#64748B;
--border:#DFE1DB;
--border-strong:#D1D5DB;
/* Dark surface (control room) */
--panel:#07131B;
--panel-2:#0D1E29;
--panel-3:#1A2F3D;
--panel-grid:rgba(28,197,197,.10);
--panel-ink:#F4F5EF;
--panel-muted:#94A3B8;
--panel-border:rgba(244,245,239,.12);
/* Brand accents */
--signal:#149A9A;
--signal-deep:#0B7A7A;
--cyan:#1CC5C5;
--live:#F5A524;
--alert:#F97316;
--accent:#FF6900;
--nominal:#16C088;
/* Heritage logo color */
--brand-teal:#0C6867;
/* Semantic aliases */
--text-heading:var(--ink);
--text-body:var(--body);
--text-muted:var(--muted);
--surface-page:var(--bg);
--surface-alt:var(--bg-alt);
--surface-sunken:var(--bg-sunken);
--surface-card:#FFFFFF;
--action-primary:var(--signal);
--action-primary-hover:var(--signal-deep);
--status-live:var(--live);
--status-alert:var(--alert);
--status-nominal:var(--nominal);
--focus-ring:rgba(20,154,154,.35);
/* Gradients & glow */
--grad-signal:linear-gradient(90deg,#149A9A 0%,#FF6900 100%); /* @kind color */
--grad-dark:radial-gradient(120% 120% at 50% -10%,#1A2F3D 0%,#07131B 60%); /* @kind color */
--glow-cyan:0 0 0 1px rgba(28,197,197,.35),0 8px 30px -8px rgba(28,197,197,.45);
--glow-signal:0 10px 30px -10px rgba(20,154,154,.55);
}