/* Variables de Diseño y Tokens Visuales - Psicóloga Marcia Matus */

:root {
    /* Paleta de Colores Principal */
    --color-primary: #184960;         /* Azul Petróleo */
    --color-primary-rgb: 24, 73, 96;
    --color-accent: #B26885;          /* Rosa Malva */
    --color-accent-rgb: 178, 104, 133;
    
    /* Variaciones y Neutrales */
    --color-bg-marfil: #FDFBF7;       /* Fondo principal cálido */
    --color-bg-beige: #F5EFEB;        /* Fondo alternativo suave */
    --color-bg-sepia: #EFE6DD;        /* Separador o fondo acentuado */
    --color-bg-dark: #102B38;         /* Fondo oscuro para contrastes/footer */
    
    --color-text-dark: #1B2124;       /* Texto principal (casi negro) */
    --color-text-muted: #5C6468;      /* Texto descriptivo o secundario */
    --color-text-light: #FFFFFF;      /* Texto sobre fondos oscuros */
    
    --color-border: #E5DDD5;          /* Líneas finas y bordes */
    --color-shadow: rgba(24, 73, 96, 0.08); /* Sombra suave azulada */
    
    /* Tipografías */
    --font-heading-clinical: 'Cardo', Georgia, serif;
    --font-heading-forensic: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    
    /* Espaciados (Escala Modular) */
    --space-xs: 0.5rem;   /* 8px */
    --space-sm: 1rem;     /* 16px */
    --space-md: 1.5rem;   /* 24px */
    --space-lg: 2.5rem;   /* 40px */
    --space-xl: 4rem;     /* 64px */
    --space-xxl: 6rem;    /* 96px */
    
    /* Radio de Bordes */
    --radius-sm: 4px;
    --radius-md: 8px;     /* Redondeado moderado para botones y tarjetas */
    --radius-lg: 16px;    /* Redondeado para secciones orgánicas clínicas */
    
    /* Layout */
    --max-width: 1200px;
    --header-height: 80px;
    
    /* Transiciones */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}