/* ===== SCALEX INFINITY — EFFECTS TOKENS =====
   Shadows, glass/blur, grid + noise backgrounds. Subtle, never decorative-loud. */
:root{
  --shadow-sm: 0 1px 2px rgba(5,8,15,0.4);
  --shadow-md: 0 4px 16px rgba(5,8,15,0.35), 0 1px 2px rgba(5,8,15,0.5);
  --shadow-lg: 0 16px 48px rgba(5,8,15,0.45), 0 2px 6px rgba(5,8,15,0.3);
  --shadow-xl: 0 32px 96px rgba(5,8,15,0.55);
  --shadow-glow-blue: 0 0 48px rgba(62,107,255,0.28);
  --shadow-glow-cyan: 0 0 48px rgba(44,214,238,0.22);
  --shadow-inner-hairline: inset 0 1px 0 rgba(255,255,255,0.06);

  --shadow-sm-light: 0 1px 2px rgba(13,20,36,0.06);
  --shadow-md-light: 0 8px 24px rgba(13,20,36,0.08);
  --shadow-lg-light: 0 24px 64px rgba(13,20,36,0.10);

  --blur-glass-sm: blur(8px); /* @kind other */
  --blur-glass-md: blur(16px); /* @kind other */
  --blur-glass-lg: blur(32px); /* @kind other */

  --surface-glass-panel: linear-gradient(160deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
  --grid-line-color: rgba(255,255,255,0.05);
  --grid-line-color-strong: rgba(255,255,255,0.09);
  --blueprint-grid: linear-gradient(var(--grid-line-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line-color) 1px, transparent 1px);
  --blueprint-grid-size: 48px 48px;
}
/* Usage:
   Cards (dark): --bg-surface-raised, 1px --border-subtle, --radius-lg, --shadow-md; hover -> --shadow-lg + --border-default
   Glass panels: --bg-surface-glass background, --blur-glass-md backdrop-filter, 1px rgba(255,255,255,.12) border
   Blueprint grid: background-image: var(--blueprint-grid); background-size: var(--blueprint-grid-size); opacity ~0.5, mask-image fade at edges
   Glow: reserve --shadow-glow-* for primary CTA hover / active process nodes only */