:root {
    /* NAV - Blanco con acento Azul */
    --nav-bg:              #FFFFFF;
    --nav-bg-dark:         #F9FAFB;
    --nav-text:            #374151;
    --nav-text-muted:      #9CA3AF;
    --nav-text-hover:      #2563EB;
    --nav-hover-bg:        #EFF6FF;
    --nav-accent:          #60A5FA;
    --nav-border-soft:     #F3F4F6;
    --nav-height:          3.6rem;

    /* DROPDOWN */
    --dd-bg:               #FFFFFF;
    --dd-border:           #F3F4F6;
    --dd-text:             #111827;
    --dd-text-muted:       #9CA3AF;
    --dd-hover-bg:         #EFF6FF;
    --dd-active-bg:        #DBEAFE;
    --dd-bg-2:             #F9FAFB;

    /* PRIMARY - Azul */
    --primary:             #2563EB;
    --primary-hover:       #1D4ED8;
    --primary-subtle:      #EFF6FF;
    --primary-on:          #FFFFFF;

    /* SECONDARY */
    --secondary:           #64748B;
    --secondary-hover:     #475569;
    --secondary-on:        #FFFFFF;

    /* BACKGROUND */
    --bg-page:             #F8F9FB;

    /* TEXT */
    --text-primary:        #111827;
    --text-secondary:      #6B7280;
    --text-tertiary:       #9CA3AF;

    /* BORDERS */
    --border-light:        #F3F4F6;
    --border-medium:       #E5E7EB;
}