/* ============================================
   VRINDAVAN MUNICIPALITY — COLOR THEME
   Part 14: Ocean Blue + Nepal Flag Color Mix
   No TailwindCSS — Pure Custom CSS Variables
   ============================================ */

:root {
    /* ─── Primary: Ocean Blue ─── */
    --primary: #003B6F;
    --primary-light: #0066B3;
    --primary-dark: #002147;
    --secondary: #1A6FB5;

    /* ─── Accent: Nepal Flag Crimson ─── */
    --accent: #DC143C;
    --accent-dark: #B01030;
    --accent-light: #E8384F;

    /* ─── Additional Accent: Navy Gold ─── */
    --navy-gold: #C5A55A;
    --ocean-sky: #87CEEB;

    /* ─── Backgrounds ─── */
    --background: #F0F4F8;
    --surface: #FFFFFF;
    --surface-alt: #E8EEF4;
    --surface-glass: rgba(0, 59, 111, 0.04);

    /* ─── Text ─── */
    --text-dark: #1A2332;
    --text-body: #374151;
    --text-muted: #6B7280;
    --text-light: #94A3B8;
    --text-on-navy: #FFFFFF;
    --text-on-crimson: #FFFFFF;

    /* ─── Status ─── */
    --success: #0D9488;
    --warning: #D4A017;
    --danger: #DC143C;
    --info: #0EA5E9;

    /* ─── Shadows ─── */
    --shadow: 0 2px 8px rgba(0, 59, 111, 0.08);
    --shadow-lg: 0 4px 20px rgba(0, 59, 111, 0.12);
    --shadow-crimson: 0 4px 12px rgba(220, 20, 60, 0.2);

    /* ─── Radius ─── */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-lg: 16px;

    /* ─── Transitions ─── */
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    /* ─── Gradients (for reuse) ─── */
    --gradient-navy: linear-gradient(135deg, #002147 0%, #003B6F 50%, #0066B3 100%);
    --gradient-hero: linear-gradient(135deg, #002147 0%, #003B6F 40%, #DC143C 100%);
    --gradient-crimson: linear-gradient(135deg, #B01030 0%, #DC143C 50%, #E8384F 100%);
    --gradient-card-header: linear-gradient(135deg, #003B6F 0%, #0066B3 100%);
    --gradient-subtle: linear-gradient(180deg, #F0F4F8 0%, #FFFFFF 100%);
}