/* ================================================
   PALETA DE CORES DO SISTEMA - CONDUC
   ================================================
   Cores principais baseadas na paleta Coolors:
   - Violeta:      #6559EA  rgb(101, 89, 234)
   - Coral:        #FC7753  rgb(252, 119, 83)
   - Ciano:        #87F1FF  rgb(135, 241, 255)
   - Roxo Escuro:  #231942  rgb(35, 25, 66)
   ================================================ */

:root {
    /* === CORES PRIMÁRIAS === */
    --color-primary:        #6559EA;
    --color-primary-light:  #8078EF;
    --color-primary-dark:   #4E43D6;
    --color-primary-50:     #EEEDFD;
    --color-primary-100:    #D4D1FA;
    --color-primary-200:    #B2ADF4;
    --color-primary-300:    #8078EF;
    --color-primary-400:    #6559EA;
    --color-primary-500:    #6559EA;
    --color-primary-600:    #4E43D6;
    --color-primary-700:    #3A32A8;
    --color-primary-800:    #2A247A;
    --color-primary-900:    #1A174D;

    /* === CORES SECUNDÁRIAS (Coral) === */
    --color-secondary:       #FC7753;
    --color-secondary-light: #FD9A7F;
    --color-secondary-dark:  #E85E39;
    --color-secondary-50:    #FFF0EC;
    --color-secondary-100:   #FED9CF;
    --color-secondary-200:   #FDB8A6;
    --color-secondary-300:   #FD9A7F;
    --color-secondary-400:   #FC7753;
    --color-secondary-500:   #FC7753;
    --color-secondary-600:   #E85E39;
    --color-secondary-700:   #C44628;
    --color-secondary-800:   #9A351E;
    --color-secondary-900:   #6E2615;

    /* === CORES ACCENT (Ciano) === */
    --color-accent:          #87F1FF;
    --color-accent-light:    #AFF6FF;
    --color-accent-dark:     #5AEAFA;
    --color-accent-50:       #E8FDFF;
    --color-accent-100:      #CCFAFF;
    --color-accent-200:      #AFF6FF;
    --color-accent-300:      #87F1FF;
    --color-accent-400:      #5AEAFA;
    --color-accent-500:      #87F1FF;
    --color-accent-600:      #30D4E8;
    --color-accent-700:      #1EAFC4;
    --color-accent-800:      #158899;
    --color-accent-900:      #0D5F6C;

    /* === CORES ESCURAS (Roxo Escuro) === */
    --color-dark:            #231942;
    --color-dark-light:      #342A5C;
    --color-dark-darker:     #17102E;
    --color-dark-50:         #EDEAF5;
    --color-dark-100:        #D0CAE3;
    --color-dark-200:        #A99DCB;
    --color-dark-300:        #7B6BA8;
    --color-dark-400:        #54458A;
    --color-dark-500:        #342A5C;
    --color-dark-600:        #231942;
    --color-dark-700:        #17102E;
    --color-dark-800:        #0E0A1E;
    --color-dark-900:        #07050F;

    /* === CORES SEMÂNTICAS (Mapeamento de uso) === */
    --color-sidebar-bg:      #231942;
    --color-sidebar-hover:   #342A5C;
    --color-sidebar-active:  #6559EA;
    --color-sidebar-text:    #D0CAE3;

    --color-header-bg:       #FFFFFF;
    --color-header-border:   #E5E7EB;

    --color-btn-primary:     #6559EA;
    --color-btn-primary-hover: #4E43D6;
    --color-btn-secondary:   #FC7753;
    --color-btn-secondary-hover: #E85E39;
    --color-btn-danger:      #EF4444;
    --color-btn-danger-hover: #DC2626;

    --color-input-border:    #D4D1FA;
    --color-input-focus:     #6559EA;

    --color-badge-success:   #10B981;
    --color-badge-warning:   #F59E0B;
    --color-badge-error:     #EF4444;
    --color-badge-info:      #87F1FF;

    --color-text-primary:    #231942;
    --color-text-secondary:  #6B7280;
    --color-text-muted:      #9CA3AF;
    --color-text-on-primary: #FFFFFF;
    --color-text-on-dark:    #EDEAF5;
    --color-text-link:       #6559EA;

    --color-bg-page:         #F3F4F6;
    --color-bg-card:         #FFFFFF;
    --color-bg-hover:        #EEEDFD;
}