/**
 * VARIABLES CSS - SISTEMA DE DISEÑO MANUAL DE IDENTIDAD 2025
 * ALCALDÍA DE GIRARDOTA (ANTIOQUIA)
 */

:root {
  /* Paleta Institucional (Pág. 10 del Manual) */
  --girardota-green-primary: #006837;
  --girardota-green-leaf: #00A651;
  --girardota-green-dark: #0E4826;
  --girardota-green-light: #E8F5E9;
  
  /* Degradados Institucionales (Pág. 11 del Manual) */
  --girardota-gradient-brand: linear-gradient(135deg, #006837 0%, #00A651 100%);
  --girardota-gradient-subtle: linear-gradient(180deg, #F8FAF8 0%, #EBF4EE 100%);
  --girardota-gradient-dark: linear-gradient(135deg, #0E4826 0%, #006837 100%);
  
  /* Acentos Institucionales */
  --girardota-gold: #FAD029;
  --girardota-gold-dark: #D4AC0D;
  --girardota-orange-alert: #F39343;
  --girardota-red-vencido: #E22B25;
  
  /* Neutrales & Superficies */
  --bg-app: #F4F6F4;
  --bg-surface: #FFFFFF;
  --bg-card: #FFFFFF;
  --text-main: #1E293B;
  --text-muted: #64748B;
  --border-light: #E2E8F0;
  
  /* Sombras y Elevaciones para "Contenedores Flotantes" (Pág. 49) */
  --shadow-floating: 0 10px 25px -5px rgba(0, 104, 55, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.03);
  --shadow-card: 0 4px 15px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 15px 30px -5px rgba(0, 104, 55, 0.15);
  
  /* Radios de borde */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  
  /* Tipografías */
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-title: 'Montserrat', 'Outfit', sans-serif;
  
  /* Transiciones */
  --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}