:root {
  /* Backgrounds */
  --glass-bg-light: rgba(255, 255, 255, 0.08);
  --glass-bg: rgba(255, 255, 255, 0.15);
  --glass-bg-heavy: rgba(255, 255, 255, 0.25);

  /* Blur */
  --glass-blur-light: blur(8px);
  --glass-blur: blur(16px);
  --glass-blur-strong: blur(32px);

  /* Border */
  --glass-border: 1px solid rgba(255, 255, 255, 0.18);

  /* Radius */
  --glass-radius: 12px;
  --glass-radius-lg: 20px;

  /* Shadow */
  --glass-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  --glass-shadow-elevated: 0 8px 40px rgba(0, 0, 0, 0.15);
}

/* Dark theme overrides */
[data-theme="dark"] {
  --glass-bg-light: rgba(255, 255, 255, 0.04);
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-bg-heavy: rgba(255, 255, 255, 0.14);
  --glass-border: 1px solid rgba(255, 255, 255, 0.12);
  --glass-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  --glass-shadow-elevated: 0 8px 40px rgba(0, 0, 0, 0.4);
}