/* ── CSS CUSTOM PROPERTIES ── */
@property --gradient-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@property --glow-opacity {
  syntax: '<number>';
  initial-value: 0;
  inherits: false;
}

:root{
  --bg:#06060e;--bg2:#0b0b18;--bg-card:rgba(12,12,28,0.85);
  --gblue:#4285F4;--gblue-dim:#2a5db8;--gblue-glow:rgba(66,133,244,0.25);
  --gyellow:#FBBC05;--gyellow-dim:#c49504;--gyellow-glow:rgba(251,188,5,0.2);
  --gred:#EA4335;--gred-glow:rgba(234,67,53,0.2);
  --ggreen:#34A853;--ggreen-dim:#267a3d;--ggreen-glow:rgba(52,168,83,0.2);
  --text:#eeeef8;--text2:#9a9ab8;--text3:#5a5a7a;
  --border:rgba(255,255,255,0.06);
  --nav-bg:rgba(6,6,14,0.6);--nav-bg-scrolled:rgba(6,6,14,0.9);
  --overlay-noise-opacity:0.03;--overlay-scan-opacity:0.04;
  --converge-item-bg:rgba(12,12,28,0.9);
  --selection-text:var(--bg);
  --font-display:'Space Grotesk',sans-serif;--font-body:'IBM Plex Mono',monospace;
}