/* Cybereum semantic material roles.
   Page/component CSS consumes these roles; selected theme owns their values. */
:root{
  --cyb-page-bg:var(--cyb-bg);
  --cyb-section-soft:color-mix(in srgb,var(--cyb-bg-2) 72%,var(--cyb-bg));
  --cyb-section-deep:var(--cyb-bg-2);
  --cyb-panel-bg:var(--cyb-surface);
  --cyb-panel-raised:var(--cyb-surface-raised);
  --cyb-panel-solid:var(--cyb-surface-solid);
  --cyb-panel-border:var(--cyb-line);
  --cyb-text:var(--cyb-fg);
  --cyb-text-muted:var(--cyb-fg-2);
  --cyb-text-dim:var(--cyb-fg-3);
  --cyb-signal-primary:var(--cyb-accent);
  --cyb-signal-secondary:var(--cyb-accent-2);
  --cyb-grid-line:color-mix(in srgb,var(--cyb-accent) 7%,transparent);
  --cyb-orbit-line:color-mix(in srgb,var(--cyb-accent) 18%,transparent);
  --cyb-instrument-bg:color-mix(in srgb,var(--cyb-surface-solid) 84%,transparent);
  --cyb-instrument-glow:color-mix(in srgb,var(--cyb-accent) 10%,transparent);
}