/**
 * SEMID PERÚ - Design Tokens & Variables
 * Paleta corporativa y especificaciones UI/UX
 */

:root {
    /* Paleta corporativa oficial */
    --color-blue-deep: #20237D;
    --color-blue-primary: #3055D8;
    --color-blue-steel: #55799E;
    --color-turquoise: #3197A7;
    --color-turquoise-light: #EBF7F9;
    --color-green: #4AA985;
    --color-green-hover: #3B9673;
    --color-green-light: #EBF7F2;
    --color-white: #FFFFFF;
    --color-bg-light: #F3F7FC;
    --color-text-dark: #142B55;
    --color-text-body: #4A5D78;
    --color-text-muted: #7E90A8;

    /* Tonos oscuros de contraste */
    --color-dark-navy: #181B5E;
    --color-dark-hero: #1B2175;
    --color-dark-glass: rgba(255, 255, 255, 0.08);
    --color-dark-border: rgba(255, 255, 255, 0.16);

    /* Degradados corporativos */
    --gradient-hero: linear-gradient(135deg, #1C2074 0%, #253FB0 50%, #3055D8 100%);
    --gradient-hero-card: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%);
    --gradient-green: linear-gradient(135deg, #4AA985 0%, #3DA07A 100%);
    --gradient-contact: linear-gradient(135deg, #164875 0%, #206E8E 50%, #2F929F 100%);
    --gradient-overlay: linear-gradient(180deg, rgba(20, 43, 85, 0) 0%, rgba(20, 43, 85, 0.6) 100%);
    --gradient-badge-turquoise: linear-gradient(135deg, rgba(49, 151, 167, 0.15) 0%, rgba(48, 85, 216, 0.08) 100%);

    /* Tipografía */
    --font-primary: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Sombras refinadas */
    --shadow-sm: 0 2px 8px rgba(20, 43, 85, 0.04);
    --shadow-md: 0 8px 24px -4px rgba(20, 43, 85, 0.08);
    --shadow-lg: 0 16px 36px -6px rgba(20, 43, 85, 0.12);
    --shadow-xl: 0 24px 50px -10px rgba(32, 35, 125, 0.16);
    --shadow-green: 0 8px 20px -2px rgba(74, 169, 133, 0.4);
    --shadow-card: 0 10px 30px -5px rgba(20, 43, 85, 0.06);
    --shadow-card-hover: 0 20px 40px -8px rgba(32, 35, 125, 0.14);

    /* Radios de borde */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-full: 9999px;

    /* Bordes */
    --border-card: 1px solid #E4ECF6;
    --border-light: 1px solid rgba(226, 232, 240, 0.8);

    /* Transiciones */
    --transition-fast: 0.18s ease;
    --transition-base: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);

    /* Contenedor */
    --container-max: 1320px;
    --container-padding: 1.5rem;

    /* Alturas */
    --topbar-height: 42px;
    --navbar-height: 84px;
}