:root {
  /* Paleta Institucional Agua de Dios + GOV.CO */
  --gov-blue: #003366;
  --gov-blue-dark: #002244;
  --agua-teal: #008080;
  --agua-teal-dark: #005a5a;
  --agua-teal-light: #e6f2f2;
  --emerald-green: #00a86b;
  --terracotta-warm: #c05a3e;
  --gold-accent: #d4af37;

  /* Superficies y Neutros */
  --bg-main: #f8fafc;
  --surface-card: #ffffff;
  --surface-hover: #f1f5f9;
  --border-color: #cbd5e1;
  --border-light: #e2e8f0;

  /* Tipografía y Texto */
  --text-main: #0f172a;
  --text-muted: #475569;
  --text-light: #94a3b8;
  --font-main: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-heading: "Segoe UI", system-ui, sans-serif;
  --font-scale: 1rem;

  /* Semáforo PQRSD & Notificaciones */
  --status-ok: #10b981;
  --status-warning: #f59e0b;
  --status-danger: #ef4444;
  --status-info: #0284c7;

  /* Sombras y Bordes */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}

/* Modo Alto Contraste (WCAG 2.1 AA) */
body.high-contrast {
  --bg-main: #000000;
  --surface-card: #121212;
  --text-main: #ffffff;
  --text-muted: #ffff00;
  --border-color: #ffffff;
  --gov-blue: #000000;
  --agua-teal: #ffff00;
}

/* Modo Oscuro Opcional */
body.dark-mode {
  --bg-main: #0f172a;
  --surface-card: #1e293b;
  --surface-hover: #334155;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --border-color: #334155;
}