/* design-tokens.css — Variables de diseño NariñoEmpleos */
:root {
    /* Paleta principal */
    --ne-color-primary:      #1B4FD8;
    --ne-color-primary-dark: #1338A8;
    --ne-color-secondary:    #0EA47C;
    --ne-color-secondary-dark:#0B7E5F;
    --ne-color-accent:       #F59E0B;
    --ne-color-danger:       #DC2626;
    --ne-color-warning-bg:   #FEF3C7;

    /* Neutros */
    --ne-color-dark:     #0F172A;
    --ne-color-gray-700: #374151;
    --ne-color-gray-500: #6B7280;
    --ne-color-gray-200: #E5E7EB;
    --ne-color-gray-100: #F3F4F6;
    --ne-color-white:    #FFFFFF;

    /* Hero */
    --ne-hero-gradient: linear-gradient(135deg, #0F172A 0%, #1E3A5F 50%, #1B4FD8 100%);

    /* Tipografía */
    --ne-font-display: 'Sora', 'Inter', system-ui, sans-serif;
    --ne-font-body:    'Inter', 'Roboto', system-ui, sans-serif;

    --ne-text-xs:   0.75rem;
    --ne-text-sm:   0.875rem;
    --ne-text-base: 1rem;
    --ne-text-lg:   1.125rem;
    --ne-text-xl:   1.25rem;
    --ne-text-2xl:  1.5rem;
    --ne-text-3xl:  1.875rem;
    --ne-text-4xl:  2.25rem;
    --ne-text-hero: clamp(2rem, 5vw, 3.5rem);

    /* Radios */
    --ne-radius-sm:   4px;
    --ne-radius-md:   8px;
    --ne-radius-lg:   16px;
    --ne-radius-full: 9999px;

    /* Sombras */
    --ne-shadow-card:  0 2px 8px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.06);
    --ne-shadow-hover: 0 8px 24px rgba(27,79,216,0.15);

    /* Transición */
    --ne-transition: 200ms ease;
}