/* ========================================
   FlyBuddy - CSS Variables (Theming)
   ======================================== */

:root {
    --bg-primary: #f0f4f8;
    --bg-card: white;
    --bg-input: white;
    --text-primary: #1e3a5f;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --border-color: #e2e8f0;
    --metar-bg: #1e293b;
    --metar-text: #4ade80;
    --primary-color: #3b82f6;
    --tag-bg: #3b82f6;
    --primary: #60a5fa;
    --primary-dark: #3b82f6;
    --accent: #f97316;
    --success: #22c55e;
    --warning: #eab308;
    --danger: #ef4444;
    --vrp: #22d3ee;
    --vrp-glow: #06b6d4;
    --navaid: #e879f9;
    --navaid-glow: #d946ef;
    --obstacle: #1e3a8a;
    --obstacle-glow: #1e40af;
    --emergency: #ff4757;
    --airport-color: #1e3a5f;
    --bg-dark: #0a0f1a;
    --bg-medium: #0f172a;
    --bg-light: #1e293b;
    --border: rgba(59, 130, 246, 0.25);
    --text: #e2e8f0;
    --text-dim: #64748b;
}

[data-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-card: #1e293b;
    --bg-input: #334155;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border-color: #334155;
    --metar-bg: #0f172a;
    --metar-text: #4ade80;
}