/* 3D Print Manager 2 — design tokens (Cyber Industrial & Bambu Green, docs/DESIGN.md).
   Gemini owns this file. Components use ONLY these variables, so themes/light mode are a token change. */
:root, :root[data-theme="cyber"] {
  color-scheme: dark;

  /* Surfaces & Backgrounds */
  --p2-bg: #06090e;
  --p2-bg-deep: #0a0f18;
  --p2-surface: #0f1726;
  --p2-surface-2: #162238;
  --p2-surface-elevated: #1a2842;
  --p2-glass: rgba(15, 23, 38, 0.78);
  --p2-glass-heavy: rgba(10, 15, 24, 0.90);
  --p2-glass-subtle: rgba(22, 34, 56, 0.45);

  /* Borders & Dividers */
  --p2-border: rgba(255, 255, 255, 0.08);
  --p2-border-strong: rgba(255, 255, 255, 0.16);
  --p2-border-glow: rgba(0, 230, 118, 0.35);
  --p2-border-cyan: rgba(0, 240, 255, 0.35);
  --p2-border-amber: rgba(255, 179, 0, 0.35);
  --p2-border-red: rgba(255, 51, 102, 0.35);

  /* Brand & Status Accents */
  --p2-green: #00e676;
  --p2-green-glow: rgba(0, 230, 118, 0.5);
  --p2-green-dark: #00b359;
  --p2-cyan: #00f0ff;
  --p2-cyan-glow: rgba(0, 240, 255, 0.45);
  --p2-amber: #ffb300;
  --p2-amber-glow: rgba(255, 179, 0, 0.4);
  --p2-red: #ff3366;
  --p2-red-glow: rgba(255, 51, 102, 0.4);
  --p2-purple: #a855f7;

  /* Gradients */
  --p2-grad-primary: linear-gradient(135deg, #00e676 0%, #00f0ff 100%);
  --p2-grad-heat: linear-gradient(135deg, #ff3366 0%, #ffb300 100%);
  --p2-grad-surface: linear-gradient(180deg, rgba(22, 34, 56, 0.6) 0%, rgba(15, 23, 38, 0.8) 100%);
  --p2-grad-radar: conic-gradient(from 0deg, transparent 0deg, rgba(0, 230, 118, 0.25) 300deg, #00e676 360deg);

  /* Glows & Shadows */
  --p2-glow-green: 0 0 22px rgba(0, 230, 118, 0.28);
  --p2-glow-cyan: 0 0 22px rgba(0, 240, 255, 0.28);
  --p2-glow-amber: 0 0 22px rgba(255, 179, 0, 0.28);
  --p2-glow-red: 0 0 22px rgba(255, 51, 102, 0.28);
  --p2-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
  --p2-shadow-hud: 0 8px 32px 0 rgba(0, 0, 0, 0.55);

  /* Typography Colors */
  --p2-text: #f1f5f9;
  --p2-text-muted: #8e9bb0;
  --p2-text-dim: #546278;
  --p2-on-accent: #06090e;

  /* Fonts */
  --p2-font-display: 'Outfit', system-ui, sans-serif;
  --p2-font-body: 'Space Grotesk', system-ui, sans-serif;
  --p2-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Radii & Geometry */
  --p2-radius-sm: 8px;
  --p2-radius: 14px;
  --p2-radius-lg: 20px;
  --p2-radius-full: 9999px;

  /* Layout */
  --p2-sidebar-w: 260px;
  --p2-topbar-h: 70px;
  --p2-bottom-nav-h: 68px;
}