/* colors.css */

:root {

    /* ==== COLORI PRINCIPALI ==== */
    --primary-color: #ff1a22;
    --secondary-color: #f94309;

    /* ==== ROSSI ==== */
    --red-dark: var(--primary-color); 
    --red-light: var(--primary-color); 
    --dark-red: var(--primary-color); 
    --dark-coral-red: var(--primary-color); 
    --red-opaque:var(--primary-color); 
    /* --red-dark: #e5332a;
    --red-light: #e7131a; 
    --dark-red: #cc0000; 
    --red-opaque:#e1373a
    --dark-coral-red: #e04c4c; */

    /* ==== VERDI ==== */
    --green-light: #45be20;
    
    /* ==== LILLA / LAVANDA ==== */
    --lavender-light: #8888dd;
    --lavender-dark: #ffccff;
        
    /* ==== ROSA ==== */
    --pink-light: #dd8888;
        
    /* ==== NERI E BIANCHI ==== */
    --black: #000000;
    --white: #ffffff;

    /* ==== GRIGI ==== */
    --gray-light: #dddddd;
    --gray-medium-dark: #62635e;
    --gray-medium: #606060;
    --gray-medium-light: #7f7f7f;
    --gray-very-light: #fdfbfc;
    --gray-dark: #7d7d7d;
    --gray-very-dark: #434242;
    --gray-dark-medium: #444444;
    --gray-light-medium: #cccccc;
    --gray-darker: #515151;
    --gray-darkest: #313131;
    --gray-darker-2: #222222;
    --gray-light-dark: #8a8a8a;
    --gray-light-separator: #cecece;
    --gray-off-light: #aaaaaa;
    --gray-very-dark-2: #2a2a2a;
    --gray-dark-medium-light-2: #4c4c4c;
    --gray-light-medium-2: #3d3c3c;
    --gray-darkest-2: #333333;
    --gray-blue-medium: #3c3c3b;
    --gray-blue-dark:#2c2c2f;
    --gray-blue-medium-light:#2f353e;

    /* ==== BLU ==== */

    --blue-light: #0072dd;
    --blue-darkest: #337ab7;
    --blue-light-medium: #3366cc;
    --blue-pastel: #ccffff;

}