/* Glass Theme - CSS Custom Properties
   All glass UI variables. Loaded first so all other CSS files can reference these. */

:root {
  /* Glass backgrounds */
  --glass-bg: rgba(255, 255, 255, 0.03);
  --glass-bg-hover: rgba(255, 255, 255, 0.06);
  --glass-bg-elevated: rgba(255, 255, 255, 0.05);
  --glass-bg-card: rgba(255, 255, 255, 0.025);
  --glass-bg-card-hover: rgba(255, 255, 255, 0.055);
  --glass-bg-intense: rgba(255, 255, 255, 0.08);

  /* Glass borders */
  --glass-border: rgba(255, 255, 255, 0.06);
  --glass-border-hover: rgba(255, 255, 255, 0.12);
  --glass-border-bright: rgba(255, 255, 255, 0.18);
  --glass-border-accent: rgba(97, 218, 251, 0.2);
  --glass-border-accent-bright: rgba(97, 218, 251, 0.4);

  /* Glass blur */
  --glass-blur: blur(28px);
  --glass-blur-light: blur(14px);
  --glass-blur-heavy: blur(40px);
  --glass-blur-ultra: blur(60px);

  /* Glass shadows */
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.03);
  --glass-shadow-lg: 0 25px 70px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.04);
  --glass-shadow-glow: 0 0 40px rgba(97, 218, 251, 0.06);

  /* Glass inset highlights */
  --glass-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --glass-inset-full: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -1px 0 rgba(255, 255, 255, 0.02);

  /* Accent colors */
  --accent: #61dafb;
  --accent-hover: #7ee3fc;
  --accent-dim: #3ba5cc;
  --accent-glow: rgba(97, 218, 251, 0.1);
  --accent-glow-strong: rgba(97, 218, 251, 0.2);
  --accent-glow-max: rgba(97, 218, 251, 0.35);

  /* Body / text */
  --bg-body: #050508;
  --text-primary: #f0f0f5;
  --text-secondary: #b8b9be;
  --text-muted: #6b6d75;

  /* Service colors */
  --police-color: #ff4f4f;
  --fire-color: #f0932b;
  --traffic-color: #ffc107;
  --priority-color: #dc3545;
  --neighborhood-color: #0ea5e9;
}