/* Parámetros de diseño - Constructora Colombiana */

/* Tipografías */
:root {
  --font-family-base: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.6;

  /* Colores corporativos */
  --color-primary: #893f90;       /* Azul corporativo */
  --primary-rgba-600: rgba(10, 83, 190, 0.6); 
  --primary-rgba-300: rgba(10, 83, 190, 0.3);
  --color-secondary: #5b61a9;     /* Gris muy oscuro */
  --color-accent: #EFB034;        /* Dorado/acento */
  --color-success: #2E7D32;
  --color-warning: #ED6C02;
  --color-danger: #C62828;



  
  
  /*--contrast: #fdc54f;
  --pVgacolor: 0, 243, 146;*/
  

  
  /* Neutros */
  --color-text: #111827;          /* Texto principal */
  --color-text-muted: #6B7280;    /* Texto secundario */
  --text-contrast: #ffffff;
  --color-bg: #ffffff;            /* Fondo */
  --color-surface: #F3F4F6;       /* Superficies claras */
  --color-border: #E5E7EB;
  --color-overlay: rgba(0,0,0,.5);

  /* Espaciados */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Contenedores */
  --container-max: 1700px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --shadow-lg: 0 20px 40px rgba(0,0,0,.12);

  /* Z-index */
  --z-header: 50;
  --z-overlay: 1000;

  /* Duraciones */
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --easing-standard: cubic-bezier(.22,.61,.36,1);
}

/* Breakpoints (mobile-first) */
@media (min-width: 768px) { :root { --container-max: 1080px; } }
@media (min-width: 1024px) { :root { --container-max: 1200px; } }
@media (min-width: 1280px) { :root { --container-max: 1280px; } }