/* =========================================
   ROXAS MUNICIPALITY - COLOR SYSTEM
   Government Design System Colors
   Version: 1.0
   ========================================= */

:root {
  /* =========================
     PRIMARY GOVERNMENT COLORS 
     ========================= */
  
  /* Authority Blue - Main government brand color */
  --gov-primary: #0d47a1;
  --gov-primary-rgb: 13, 71, 161;
  --gov-primary-light: #1565c0;
  --gov-primary-lighter: #42a5f5;
  --gov-primary-dark: #003c8f;
  --gov-primary-darker: #002171;
  
  /* Secondary Gray - Professional neutrals */
  --gov-secondary: #37474f;
  --gov-secondary-rgb: 55, 71, 79;
  --gov-secondary-light: #546e7a;
  --gov-secondary-lighter: #78909c;
  --gov-secondary-dark: #263238;
  --gov-secondary-darker: #1c252a;
  
  /* Accent Blue - Information and links */
  --gov-accent: #1976d2;
  --gov-accent-rgb: 25, 118, 210;
  --gov-accent-light: #42a5f5;
  --gov-accent-dark: #0d47a1;
  
  /* Official Gold - Highlights and badges */
  --gov-gold: #ffc107;
  --gov-gold-rgb: 255, 193, 7;
  --gov-gold-light: #ffcd38;
  --gov-gold-dark: #ffa000;
  
  /* Seal Green - Government seal color */
  --gov-seal: #004d40;
  --gov-seal-rgb: 0, 77, 64;
  --gov-seal-light: #00695c;
  --gov-seal-dark: #00352c;
  
  /* =========================
     SEMANTIC COLORS 
     ========================= */
  
  /* Success States */
  --gov-success: #2e7d32;
  --gov-success-rgb: 46, 125, 50;
  --gov-success-light: #4caf50;
  --gov-success-lighter: #81c784;
  --gov-success-dark: #1b5e20;
  --gov-success-bg: rgba(46, 125, 50, 0.1);
  --gov-success-border: rgba(46, 125, 50, 0.2);
  
  /* Warning States */
  --gov-warning: #f57c00;
  --gov-warning-rgb: 245, 124, 0;
  --gov-warning-light: #ff9800;
  --gov-warning-lighter: #ffb74d;
  --gov-warning-dark: #e65100;
  --gov-warning-bg: rgba(245, 124, 0, 0.1);
  --gov-warning-border: rgba(245, 124, 0, 0.2);
  
  /* Danger/Error States */
  --gov-danger: #c62828;
  --gov-danger-rgb: 198, 40, 40;
  --gov-danger-light: #ef5350;
  --gov-danger-lighter: #ef9a9a;
  --gov-danger-dark: #b71c1c;
  --gov-danger-bg: rgba(198, 40, 40, 0.1);
  --gov-danger-border: rgba(198, 40, 40, 0.2);
  
  /* Information States */
  --gov-info: #0288d1;
  --gov-info-rgb: 2, 136, 209;
  --gov-info-light: #29b6f6;
  --gov-info-lighter: #4fc3f7;
  --gov-info-dark: #01579b;
  --gov-info-bg: rgba(2, 136, 209, 0.1);
  --gov-info-border: rgba(2, 136, 209, 0.2);
  
  /* =========================
     NEUTRAL COLORS 
     ========================= */
  
  /* Background Colors */
  --gov-light: #f8f9fa;
  --gov-lighter: #ffffff;
  --gov-light-gray: #f5f5f5;
  --gov-light-blue: #e3f2fd;
  
  /* Text Colors */
  --gov-dark: #212529;
  --gov-text-primary: #212529;
  --gov-text-secondary: #6c757d;
  --gov-text-muted: #90a4ae;
  --gov-text-light: #ffffff;
  --gov-text-inverse: #ffffff;
  
  /* Border Colors */
  --gov-border: #e9ecef;
  --gov-border-light: #f1f3f5;
  --gov-border-dark: #dee2e6;
  --gov-border-primary: rgba(13, 71, 161, 0.2);
  
  /* =========================
     EMERGENCY COLORS 
     ========================= */
  
  --emergency-red: #d32f2f;
  --emergency-red-rgb: 211, 47, 47;
  --emergency-orange: #ff6f00;
  --emergency-orange-rgb: 255, 111, 0;
  --emergency-yellow: #ffd600;
  --emergency-yellow-rgb: 255, 214, 0;
  
  /* =========================
     INTERACTIVE STATES 
     ========================= */
  
  /* Hover States */
  --gov-hover-overlay: rgba(0, 0, 0, 0.04);
  --gov-hover-primary: var(--gov-primary-dark);
  --gov-hover-secondary: var(--gov-secondary-dark);
  
  /* Focus States */
  --gov-focus-ring: rgba(13, 71, 161, 0.25);
  --gov-focus-color: var(--gov-primary);
  --gov-focus-width: 0.25rem;
  
  /* Active States */
  --gov-active-overlay: rgba(0, 0, 0, 0.08);
  --gov-active-primary: var(--gov-primary-darker);
  
  /* Disabled States */
  --gov-disabled-bg: #e0e0e0;
  --gov-disabled-text: #9e9e9e;
  --gov-disabled-border: #d0d0d0;
  
  /* =========================
     SHADOWS & EFFECTS 
     ========================= */
  
  --gov-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --gov-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --gov-shadow-md: 0 6px 12px rgba(0, 0, 0, 0.15);
  --gov-shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.15);
  --gov-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.2);
  --gov-shadow-primary: 0 4px 12px rgba(13, 71, 161, 0.25);
  --gov-shadow-hover: 0 8px 16px rgba(0, 0, 0, 0.15);
  
  /* =========================
     TRANSPARENCY LEVELS 
     ========================= */
  
  --gov-opacity-10: 0.1;
  --gov-opacity-25: 0.25;
  --gov-opacity-50: 0.5;
  --gov-opacity-75: 0.75;
  --gov-opacity-90: 0.9;
  
  /* =========================
     GRADIENTS 
     ========================= */
  
  --gov-gradient-primary: linear-gradient(135deg, var(--gov-primary) 0%, var(--gov-primary-dark) 100%);
  --gov-gradient-secondary: linear-gradient(135deg, var(--gov-secondary) 0%, var(--gov-secondary-dark) 100%);
  --gov-gradient-hero: linear-gradient(180deg, rgba(13, 71, 161, 0.95) 0%, rgba(0, 60, 143, 0.95) 100%);
  --gov-gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  --gov-gradient-light: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  
  /* =========================
     SPECIAL PURPOSE COLORS 
     ========================= */
  
  /* Department Colors */
  --dept-health: #00897b;
  --dept-education: #5e35b1;
  --dept-engineering: #ef6c00;
  --dept-tourism: #00acc1;
  --dept-agriculture: #43a047;
  --dept-finance: #3949ab;
  
  /* Event Status Colors */
  --event-upcoming: var(--gov-info);
  --event-ongoing: var(--gov-success);
  --event-cancelled: var(--gov-danger);
  --event-postponed: var(--gov-warning);
  
  /* Document Category Colors */
  --doc-form: #1e88e5;
  --doc-ordinance: #7b1fa2;
  --doc-resolution: #00897b;
  --doc-report: #fb8c00;
  --doc-manual: #546e7a;
}

/* =========================
   DARK MODE COLORS (Future Enhancement)
   ========================= */

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --gov-primary: #42a5f5;
    --gov-primary-light: #64b5f6;
    --gov-primary-dark: #1976d2;
    
    --gov-light: #1e1e1e;
    --gov-lighter: #121212;
    --gov-dark: #ffffff;
    
    --gov-text-primary: #ffffff;
    --gov-text-secondary: #b0bec5;
    --gov-text-muted: #78909c;
    
    --gov-border: #37474f;
    --gov-border-light: #455a64;
    --gov-border-dark: #263238;
  }
}

/* =========================
   HIGH CONTRAST MODE
   ========================= */

@media (prefers-contrast: high) {
  :root {
    --gov-primary: #002984;
    --gov-text-primary: #000000;
    --gov-text-secondary: #000000;
    --gov-border: #000000;
    --gov-focus-width: 0.375rem;
  }
}

/* =========================
   PRINT COLORS
   ========================= */

@media print {
  :root {
    --gov-primary: #000000;
    --gov-text-primary: #000000;
    --gov-text-secondary: #333333;
    --gov-border: #666666;
    --gov-light: #ffffff;
    --gov-shadow: none;
    --gov-shadow-sm: none;
    --gov-shadow-md: none;
    --gov-shadow-lg: none;
  }
}