/*------------------------------------------------------------------------
 * software: .... AETHEROS PHP CUSTOMIZABLE FRAMEWORK
 * version:  .... 25.1
 * content:  .... Impostazione palette colori per FutureVerse (tema chiaro e scuro)
 * author :  .... Poggi Donato 2025
 * copyright .... © 2020-2025 ITC-CS G. Poggi Donato - Gavi (AL)
 -------------------------------------------------------------------------*/

:root { 
    /* Colori di base per il tema chiaro */
    --ae-bg-light: #f8f9f8; /* Sfondo principale chiaro */
    --ae-bg-secondary-light: #d0d4d8; /* Sfondo secondario */
    --ae-bg-tertiary-light: #e5e7ea; /* Sfondo terziario */
    --ae-border-light: #dee2e6; /* Bordo chiaro */
    --ae-text-light: #212529; /* Testo principale */
    --ae-text-muted-light: #6c757d; /* Testo secondario */
    --ae-text-alternate-light: #4a4a4a; /* Testo alternativo */
    --ae-hover-light: #d3e7d5; /* Hover chiaro con tono verde */
    --ae-menuitem-light: #212529; /* Testo menu chiaro */

    --ae-text-info-light: #ffb300; /* Accento informativo giallo/ambra */
    --ae-title-color-light:#006837; /* Titolo: verde scuro */
    --ae-slogan-light: #009245; /* Slogan verde brillante */

    /* Colori di base per il tema scuro */
    --ae-bg-dark: #121212; /* Sfondo principale scuro */
    --ae-bg-secondary-dark: #1b1f1d; /* Sfondo secondario (sidebar) */
    --ae-bg-tertiary-dark: #2a3d33; /* Sfondo terziario */
    --ae-border-dark: #2c3530; /* Bordo scuro */
    --ae-text-dark: #e0e0e0; /* Testo chiaro */
    --ae-text-muted-dark: #b0b0b0; /* Testo secondario */
    --ae-text-alternate-dark: #8f8f8f; /* Testo alternativo */
    --ae-hover-dark: #2a3d33; /* Hover con tono verde scuro */
    --ae-menuitem-dark: #f8f9fa; /* Testo menu scuro */

    --ae-text-info-dark: #ffd54f; /* Accento informativo chiaro */
    --ae-title-color-dark: #ffd54f; /* Titoli in giallo chiaro */
    --ae-slogan-dark: #ffd700; /* Slogan in giallo brillante */

    /* Footer background */
    --ae-bg-footer-light: #d8dce0;
    --ae-bg-footer-dark: #1b1f1d;
    --ae-footer-link-light: #6c757d;
    --ae-footer-link-dark: #8f8f8f;
    --ae-footer-link-hover-light: #212529;
    --ae-footer-link-hover-dark: #ffffff;

    /* RGB per trasparenze */
    --ae-bg-footer-light-rgb: 216, 220, 224;
    --ae-bg-footer-dark-rgb: 27, 31, 29;

    /* Colori base del link del pulsante account */
    --ae-account-link-color-light: #009245;   
    --ae-account-link-hover-light: #007a3d;  
    --ae-account-link-color-dark: #81c784;     
    --ae-account-link-hover-dark: #a5d6a7;

    --ae-topbar-link-active-dark: #81c784; /* colore relazionato al brand per tema scuro*/
	--ae-topbar-link-active-light: #0d945b ; /* colore relazionato al brand per tema chiaro*/

    /* Colori personalizzati FutureVerse */
    --ae-green-primary-light: #009245; /* Verde brillante (tema chiaro) */
    --ae-green-hover-light: #007a3d;
    --ae-topbar-active: #009245; /* verde futurenergy */

    --ae-green-primary-dark: #81c784; /* Verde chiaro (tema scuro) */
    --ae-green-hover-dark: #a5d6a7;

    /* Colori generici standard */
    --green-700: #388e3c;
    --brown-500: #795548;
    --amber-500: #FFC107;
    --amber-600: #ffb300;
}

/* Associazioni variabili tema scuro */
[data-ae-theme="dark"],
[data-bs-theme="dark"] {
    --ae-bg: var(--ae-bg-dark);
    --ae-bg-secondary: var(--ae-bg-secondary-dark);
    --ae-bg-tertiary: var(--ae-bg-tertiary-dark);
    --ae-border: var(--ae-border-dark);
    --ae-text: var(--ae-text-dark);
    --ae-text-muted: var(--ae-text-muted-dark);
    --ae-text-alternate: var(--ae-text-alternate-dark);
    --ae-hover: var(--ae-hover-dark);
    --ae-title-color: var(--ae-title-color-dark);
    --ae-text-info: var(--ae-text-info-dark);
    --ae-slogan-color: var(--ae-slogan-dark);
    --ae-bg-footer: var(--ae-bg-footer-dark);
    --ae-bg-footer-rgb: var(--ae-bg-footer-dark-rgb);
    --ae-footer-link: var(--ae-footer-link-dark);
    --ae-footer-link-hover: var(--ae-footer-link-hover-dark);
    --ae-account-link-color: var(--ae-account-link-color-dark);
    --ae-account-link-hover: var(--ae-account-link-hover-dark);

    /* Oggetti vari */
    --ae-sidebar-bg: var(--ae-bg-secondary-dark);
    --ae-sidebar-border: var(--ae-border-dark);
    --ae-topbar-bg: var(--ae-bg-secondary-dark);
    --ae-topbar-border: var(--ae-border-dark);
    --ae-divider-color: var(--ae-border-dark);

    --ae-menuitem-bg: var(--ae-bg-secondary-dark);
    --ae-menuitem-color: var(--ae-menuitem-dark);
    --ae-menuitem-hover-bg: var(--ae-bg-tertiary-dark);
    --ae-menuitem-hover-color: var(--ae-text-muted-dark);
    --ae-menuitem-active-bg: var(--ae-bg-tertiary-dark);
    --ae-menuitem-active-color: var(--ae-menuitem-dark);
    --ae-toggle: var(--ae-text-dark);
    --ae-toggle-bg: var(--ae-bg-tertiary-dark);
    --ae-theme-label-color: var(--ae-green-primary-dark);

    --ae-topbar-link-color: var(--ae-menuitem-dark);
    --ae-topbar-link-hover-bg: var(--ae-bg-secondary-dark);
    --ae-topbar-link-hover-color: var(--ae-text-muted-dark);
    --ae-topbar-link-line-hover: var(--ae-text-muted-dark);
    --ae-topbar-link-active: var(--ae-topbar-link-active-dark);

    --ae-green-primary: var(--ae-green-primary-dark); /* Verde chiaro (tema scuro) */
    --ae-green-hover: var(--ae-green-hover-dark); /* Hover verde chiaro (tema scuro) */

    --ae-login-box-bg:var(--ae-bg-dark); /* Sfondo della login box */
}

/* Associazioni variabili tema chiaro */
[data-ae-theme="light"],
[data-bs-theme="light"] {
    --ae-bg: var(--ae-bg-light);
    --ae-bg-secondary: var(--ae-bg-secondary-light);
    --ae-bg-tertiary: var(--ae-bg-tertiary-light);
    --ae-border: var(--ae-border-light);
    --ae-text: var(--ae-text-light);
    --ae-text-muted: var(--ae-text-muted-light);
    --ae-text-alternate: var(--ae-text-alternate-light);
    --ae-hover: var(--ae-hover-light);
    --ae-title-color: var(--ae-title-color-light);
    --ae-text-info: var(--ae-text-info-light);
    --ae-slogan-color: var(--ae-slogan-light);
    --ae-bg-footer: var(--ae-bg-footer-light);
    --ae-bg-footer-rgb: var(--ae-bg-footer-light-rgb);
    --ae-footer-link: var(--ae-footer-link-light);
    --ae-footer-link-hover: var(--ae-footer-link-hover-light);
    --ae-account-link-color: var(--ae-account-link-color-light);
    --ae-account-link-hover: var(--ae-account-link-hover-light);

    /* Oggetti vari */
    --ae-sidebar-bg: var(--ae-bg-tertiary-light);
    --ae-sidebar-border: var(--ae-border-light);
    --ae-topbar-bg: var(--ae-bg-tertiary-light);
    --ae-topbar-border: var(--ae-border-light);
    --ae-divider-color: var(--ae-border-light);

    --ae-menuitem-bg: var(--ae-bg-tertiary-light);
    --ae-menuitem-color: var(--ae-menuitem-light);
    --ae-menuitem-hover-bg: var(--ae-bg-secondary-light);
    --ae-menuitem-hover-color: var(--ae-text-muted-light);
    --ae-menuitem-active-bg: var(--ae-bg-secondary-light);
    --ae-menuitem-active-color: var(--ae-menuitem-light);
    --ae-toggle: var(--ae-text-light);
    --ae-toggle-bg: var(--ae-bg-tertiary-light);
    --ae-theme-label-color: var(--ae-green-primary-light);

    --ae-topbar-link-color: var(--ae-menuitem-light);
    --ae-topbar-link-hover-bg: var(--ae-bg-secondary-light);
    --ae-topbar-link-hover-color: var(--ae-text-muted-light);
    --ae-topbar-link-line-hover: #009245;
    --ae-topbar-link-active: var(--ae-topbar-link-active-light);

    --ae-green-primary: var(--ae-green-primary-light); /* Verde brillante (tema chiaro) */
    --ae-green-hover: var(--ae-green-hover-light); /* Hover verde brillante (tema chiaro) */

    --ae-login-box-bg:var(--ae-bg-secondary-light); /* Sfondo della login box */
}