/* css/colori_2026.css */

/* ===============================
   COLOR PALETTE
================================ */
:root {
    
/* === GRUPPO: COLORI SITO === */
--aquamarine: #1ca7a6;                         /*var(--aquamarine)*/
--aquamarine_dark: #168a89;                    /*var(--aquamarine_dark)*/
--sand: #f4e4c1;                               /*var(--sand)*/
--sand_light: #f9f1dc;                         /*var(--sand_light)*/
--white: #ffffff;                                /*var(--white)*/
--black: #000000;                                /*var(--black)*/

/* === LIQUID GLASS CORE (Le "lastre" di vetro) === */
/* Usiamo RGB per poter controllare la trasparenza ovunque */
--glass-white: rgba(255, 255, 255, 0.15);
--glass-white-thick: rgba(255, 255, 255, 0.4);
--glass-aquamarine: rgba(28, 167, 166, 0.2);

/* Bordi del vetro (fondamentali per l'effetto luce) */
--glass-border: rgba(255, 255, 255, 0.3);
--glass-border-dark: rgba(22, 138, 137, 0.4);

/* === SFUMATURE LIQUID (Dinamiche) === */
--bg-gradient: linear-gradient(135deg, var(--aquamarine_dark), var(--sand));
--glass-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));

/* === EFFETTI DI SFOCATURA === */
--blur-standard: blur(12px);
--blur-heavy: blur(25px);

/* === GRUPPO: OMBRE Per PROFONDITA === */
--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.15);         /*var(--shadow-glass)*/

/* === GRUPPO: DA VEDERE === */
--acqua1: #d3fff8;                          /*var(--acqua1)*/
--acqua2: #6aeee6;                          /*var(--acqua2)*/
--acqua3: #1ca7a6;                          /*var(--acqua3)*/
--acqua4: #168a89;                          /*var(--acqua4)*/
--acqua5: #106161;                          /*var(--acqua5)*/
--acqua6: #0b4040;                          /*var(--acqua6)*/

/* === GRUPPO: SCALA GRIGI === */
--coloreGrigio1: #E6E6E6 ;                            /*var(--coloreGrigio1)*/
--coloreGrigio2: #CCCCCC ;                            /*var(--coloreGrigio2)*/
--coloreGrigio3: #B3B3B3 ;                            /*var(--coloreGrigio3)*/
--coloreGrigio4: #999999 ;                            /*var(--coloreGrigio4)*/
--coloreGrigio5: #808080 ;                            /*var(--coloreGrigio5)*/
--coloreGrigio6: #666666 ;                            /*var(--coloreGrigio6)*/
--coloreGrigio7: #4D4D4D ;                            /*var(--coloreGrigio7)*/
--coloreGrigio8: #333333 ;                            /*var(--coloreGrigio8)*/

/* === GRUPPO: SFUMATURE === */
--sfumatura1: rgba(88, 240, 240, 0.5);      /*var(--coloreCopertura1)*/
--sfumatura2: rgba(0, 133, 143, 0.5);       /*var(--coloreCopertura2)*/
--sfumatura3: rgba(0, 65, 70, 0.5);         /*var(--coloreCopertura3)*/

/* === GRUPPO: COLORI POST-IT === */
--postitRosso: #eebdac;                     /* var(--postitRosso) */
--postitArancione: #ffd8a8;                 /* var(--postitArancione) */
--postitGiallo: #f9efb7;                    /* var(--postitGiallo) */
--postitVerde: #d9ecc4;                     /* var(--postitVerde) */
--postitAzzurro: #d1edec;                   /* var(--postitAzzurro) */

/* === GRUPPO: COLORI POST-IT === */
--postitRossoScuro: #ed886b;                /* var(--postitRossoScuro) */
--postitArancioneScuro: #ffc177;            /* var(--postitArancioneScuro) */
--postitGialloScuro: #f4e48a;               /* var(--postitGialloScuro) */
--postitVerdeScuro: #b7db8e;                /* var(--postitVerdeScuro) */
--postitAzzurroScuro: #a5dcdb;              /* var(--postitAzzurroScuro) */

/* === GRUPPO: COLORI EVIDENZIATORI === */
--evidenziatoreRosso: #ff0000;              /* var(--evidenziatoreRosso) */
--evidenziatoreArancione: #ff8c00;          /* var(--evidenziatoreArancione) */
--evidenziatoreGiallo: #fff200;             /* var(--evidenziatoreGiallo) */
--evidenziatoreVerde: #39ff14;              /* var(--evidenziatoreVerde) */
--evidenziatoreAzzurro: #00f7ff;            /* var(--evidenziatoreAzzurro) */

  }