/* ==========================================================================
   Moody Flight Briefing Dashboard - Design System & Styles
   Aesthetic: Fluid Organics with frosted glass overlays (glassmorphism)
   ========================================================================== */

:root {
  /* HSL Color System */
  --bg-color: #000000;
  --text-main: #f3f4f6;
  --text-muted: #9ca3af;
  --text-dim: #6b7280;
  
  /* Frosted Glass Bases */
  --glass-bg: rgba(10, 12, 16, 0.7);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-hover: rgba(255, 255, 255, 0.16);
  --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);

  /* Flight Weather Categories */
  --color-vfr: #10b981;    /* Emerald green */
  --color-mvfr: #3b82f6;   /* Blue */
  --color-ifr: #f59e0b;    /* Amber */
  --color-lifr: #ef4444;   /* Red */
  --color-warn: #f59e0b;
  --color-accent: #ff9f0a; /* Premium amber accent for UI selections */
  --color-accent-dim: rgba(255, 159, 10, 0.12);

  /* Fonts */
  --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  
  /* Dynamic Background Blobs */
  --blob-color-1: rgba(20, 80, 140, 0.2);
  --blob-color-2: rgba(40, 120, 90, 0.15);
  --blob-color-3: rgba(100, 40, 120, 0.15);
}

/* Dynamic gradient shifts depending on meteorological conditions */
.weather-cat-vfr {
  --blob-color-1: rgba(16, 185, 129, 0.12);
  --blob-color-2: rgba(6, 95, 70, 0.15);
}
.weather-cat-mvfr {
  --blob-color-1: rgba(59, 130, 246, 0.12);
  --blob-color-2: rgba(30, 58, 138, 0.15);
}
.weather-cat-ifr {
  --blob-color-1: rgba(245, 158, 11, 0.12);
  --blob-color-2: rgba(120, 53, 4, 0.15);
}
.weather-cat-lifr {
  --blob-color-1: rgba(239, 68, 68, 0.12);
  --blob-color-2: rgba(127, 29, 29, 0.15);
}