/* 
 * THEME
 */

 :root {

    /* ACCENTS SYSTEM */
        /* SUCCESS */
            --color-accent-success: #14B82B;
            --color-on-accent-success: #FFFFFF;
            --color-accent-success-container: #D1FAD7;
            --color-on-accent-success-container: #052E0B;
        /* INFO */
            --color-accent-info: blue;
            --color-on-accent-info: white;
            --color-accent-info-container: blue;
            --color-on-accent-info-container: white;
        /* WARNING */
            --color-accent-warning: #CC6100;
            --color-on-accent-warning: #FFFFFF;
            --color-accent-warning-container: #FFE4CC;
            --color-on-accent-warning-container: #331800;
        /* DANGER */
            --color-accent-danger: #CC0E00;
            --color-on-accent-dander: #FFFFFF;
            --color-accent-danger-container: #FFCFCC;
            --color-on-accent-danger-scontainer: #330300;
    
        --color-on-accent: #FFFFFF;

    /* PRIMARY */
        --color-primary: rgba(1, 74, 101, 1.0);
        --color-primary-t80: rgba(1, 74, 101, 0.8);
        --color-primary-t60: rgba(1, 74, 101, 0.6);
        --color-primary-t40: rgba(1, 74, 101, 0.4);
        --color-primary-t20: rgba(1, 74, 101, 0.2);
        --color-primary-t16: rgba(1, 74, 101, 0.16);
        --color-primary-t8: rgba(1, 74, 101, 0.08);
        --color-primary-t4: rgba(1, 74, 101, 0.04);
        --color-on-primary: rgba(255, 255, 255, 1.0);
    /* SECONDARY */
        --color-secondary: rgba(84, 75, 180, 1.0);
        --color-secondary-t80: rgba(255, 255, 255, 0.8);
        --color-secondary-t60: rgba(255, 255, 255, 0.6);
        --color-secondary-t40: rgba(255, 255, 255, 0.4);
        --color-secondary-t20: rgba(255, 255, 255, 0.2);
        --color-secondary-t16: rgba(255, 255, 255, 0.16);
        --color-secondary-t8: rgba(255, 255, 255, 0.08);
        --color-secondary-t4: rgba(255, 255, 255, 0.04);
        --color-on-secondary: rgba(255, 255, 255, 1.0);

    /* ACCENT */
        /* PRIMARY */
            --color-accent-primary: rgba(29, 131, 175, 1.0);
            --color-accent-primary-t80: rgba(29, 131, 175, 0.8);
            --color-accent-primary-t60: rgba(29, 131, 175, 0.6);
            --color-accent-primary-t40: rgba(29, 131, 175, 0.4);
            --color-accent-primary-t20: rgba(29, 131, 175, 0.2);
            --color-accent-primary-t16: rgba(29, 131, 175, 0.16);
            --color-accent-primary-t8: rgba(29, 131, 175, 0.08);
            --color-accent-primary-t4: rgba(29, 131, 175, 0.04);
            --color-on-accent-primary: rgba(255, 255, 255, 1.0);
            --color-accent-primary-container: rgba(211, 237, 248, 1.0);
            --color-on-accent-primary-container: rgba(7, 33, 44, 1.0);
        /* SECONDARY */
            --color-accent-secondary: rgba(67, 60, 144, 1.0);
            --color-accent-secondary-t80: rgba(67, 60, 144, 0.8);
            --color-accent-secondary-t60: rgba(67, 60, 144, 0.6);
            --color-accent-secondary-t40: rgba(67, 60, 144, 0.4);
            --color-accent-secondary-t20: rgba(67, 60, 144, 0.2);
            --color-accent-secondary-t16: rgba(67, 60, 144, 0.16);
            --color-accent-secondary-t8: rgba(67, 60, 144, 0.08);
            --color-accent-secondary-t4: rgba(67, 60, 144, 0.04);
            --color-on-accent-secondary: rgba(255, 255, 255, 1.0);
            --color-accent-secondary-container: rgba(221, 219, 240, 1.0);
            --color-on-accent-secondary-container: rgba(17, 15, 36, 1.0);

    /* EXTRAS */
        --color-extra-white: rgba(255, 255, 255, 1.0);
        --color-extra-black: rgba(0, 0, 0, 1.0);

        --color-extra-brand-orange: #FF4F00;
        
        --color-index-curated: #FCF5EF;

    /* SEMANTIC */
        --color-background: var(--color-primary);
        --color-surface: var(--color-accent-primary-t8);
        --color-text-primary: rgba(255, 255, 255, 0.88); /*rgba(50, 45, 108, 1.0);*/
        --color-text-secondary: rgba(255, 255, 255, 0.6);
        --color-border: var(--color-secondary-t16);
        --color-highlight: var(--color-secondary-t4);
        --color-link: #87cbff;

    /* GRADIENTS */
        --color-gradient-secondary: linear-gradient(90deg, rgba(17, 15, 36, 1.0), rgba(67, 60, 144, 1.0));
        --color-gradient-background: radial-gradient(#434389, #212145);
}