:root {
    /* GLOBAL */
    --text-color: #ffffff;
    --body-bg-color: #535397;
    --body-bg-second-color: #16213e;
    --title-page-font: VT323, monospace;
    --text-color-dark: #131313;

    --game-color: #ff6b6b;
    --game-color-subtle: #cc5555;
    --design-color: #ffe66d;
    --design-color-subtle: #ccb857;
    --web-color: #4ecdc4;
    --web-color-subtle: #3ba39c;


    /* BORNE ARCADE */
    --arcade-title-color: #ffe231;
    --arcade-shadow-color: #ffe231;
    --arcade-title-font: VT323, monospace;
    --arcade-top-shadow1-color: rgba(0,0,0,0.3);
    --arcade-top-shadow2-color: rgba(0,0,0,0.5);
    --arcade-dark: #0f0f23;

    --arcade-controls-shadow-color: rgba(0,0,0,0.5);
    --arcade-btn-border-color: #111;
    --arcade-btn-shadow1-color: #111;
    --arcade-btn-shadow2-color: rgba(0,0,0,0.5);
    --arcade-btn1-color: #ff4444;
    --arcade-btn1-color-subtle: #cc0000;
    --arcade-btn2-color: #4444ff;
    --arcade-btn2-color-subtle: #0000cc;
    --arcade-btn3-color: #ffff44;
    --arcade-btn3-color-subtle: #cccc00;
    --arcade-btn4-color: #44ff44;
    --arcade-btn4-color-subtle: #00cc00;
    --arcade-btn5-color: #cc00cc;
    --arcade-btn5-color-subtle: #cc00cc;


    /* SCREEN */
    --screen-bg-color: #0a0a0a;
    --screen-border-color: #333;
    --screen-shadow1-color: rgba(0,0,0,0.8);
    --screen-shadow2-color: rgba(0,0,0,0.5);


    /* BLOG */
    /* team */
    --duck-avatar-filter-color: rgba(255,255,255,0.3);
    --badge-card-game-bg-color1: #667eea;
    --badge-card-game-bg-color2: #764ba2;
    --badge-card-design-bg-color1: #f093fb;
    --badge-card-design-bg-color2: #f5576c;
    --badge-card-web-bg-color1: #4facfe;
    --badge-card-web-bg-color2: #00f2fe;

    --card-bg-color: #1a1a2e;
    --card-game-border-color: #ffe231;
    --card-design-border-color: #ffe231;
    --card-web-border-color: #ffe231;
    --card-badge-back-border-color: rgba(107, 233, 255, 0.6);
    --card-badge-back-shadow-color: rgba(0,0,0,0.4);
    --card-badge-front-border-color: rgba(107, 233, 255, 0.5);
    --card-badge-front-shadow-color: rgba(0,0,0,0.3);

    /* timeline header */
    --timeline-bg-color: #ffe231;
    --timeline-dot-color: #ffe231;
    --timeline-dot-shadow1-color: #ffe231;
    --timeline-dot-shadow2-color: rgba(0,0,0,0.5);
    --timeline-dot-border-color: #0a0a0a;
    --timeline-date-color: #ffe231;
    --timeline-date-border-color: #ffe231;
    --timeline-date-bg-color: #1a1a2e;
    --timeline-date-shadow-color: rgba(255, 213, 0, 0.3);
    --timeline-hours-bg-color: #4ad0ff;
    --timeline-hours-border-color: #45a3c5;
    --timeline-hours-shadow-color: rgba(107, 233, 255, 0.5);

    /* entry */
    --timeline-card-bg-color: #16162a;
    --timeline-card-border-color: #2a2a4a;
    --timeline-card-border-color-hover: #ffe231;
    --timeline-card-shadow-color-hover: rgba(255, 213, 0, 0.2);
    --timeline-card-header-bg-color: rgba(26,26,46,0.8);
    --timeline-card-header-bg-color-hover: rgba(26,26,46,1);
    --timeline-card-header-border-color: #2a2a4a;

    --timeline-toggle-color: #ffe231;
    --timeline-card-dot-color: #ffe231;
    --timeline-card-dot-shadow-color: #ffe231;

    --timeline-img-section-border-color: #2a2a4a;
    --timeline-img-border-color: #ffe231;
    --timeline-img-shadow-color: #ffe231;
    --timeline-img-caption-color: #ffe231;
    --timeline-img-caption-shadow-color: #ffe231;
    --timeline-img-caption-bg-color: rgba(0,0,0,0.9);


    /* HIGHSCORES */
    --scores-data-font: VT323, monospace;
    --scores-tab-bg-color-active: #4ad0ff;
    --scores-tab-border-color-active: #5BAECCFF;
    --scores-tab-color: #ffe231;
    --scores-tab-color-hover: #4ad0ff;

    /* HOME */
    --video-container-bg-color: #000;

    --game-baseline-color: #ffe231;
    --game-name-color: #4ad0ff;
    --game-border-color: #4ad0ff;

    --frise-separator-color: #ffe231;

    --step-bg-color1: #1a1a1a;
    --step-bg-color2: #000000;
    --step-border-color: #ffe231;
    --step-number-color: #ffe231;
    --step-border-color-hover: #4ad0ff;
    --step-number-color-hover: #4ad0ff;
    --step-shadow1-color-hover: rgba(74, 208, 255, 0.4);
    --step-shadow2-color-hover: rgba(74, 208, 255, 0.2);

    --speech-bubble-bg-color: #ffffff;
    --speech-bubble-color: #131313;
    --speech-bubble-shadow-color: rgba(0,0,0,0.5);
    --speech-bubble-after-border-color: #ffffff;

    --section-client-title-color: #4ad0ff;

    /*  COCKTAIL CREATOR  */
    --arrow-font: VT323, monospace;
    --arrow-color: white;
    --arrow-color-hover: #ffd631;

    --layer-btn-border-color: white;
    --layer-btn-color: white;
    --layer-btn-filter1-color: white;
    --layer-btn-filter2-color: rgba(0,0,0,0.4);

    --layer-btn-filter1-color-active: white;
    --layer-btn-filter2-color-active: rgba(0,0,0,0.3);

    --add-layer-btn-bg-color1: #44ff44;
    --add-layer-btn-bg-color2: #00cc00;
    --add-layer-btn-color: #003300;
    --add-layer-btn-border-color: #00ff00;

    --add-layer-btn-bg-color1-hover: #55ff55;
    --add-layer-btn-bg-color2-hover: #00dd00;
    --add-layer-btn-filter1-color-hover: #00ff00;
    --add-layer-btn-filter2-color-hover: rgba(0,0,0,0.5);

    --rm-layer-btn-bg-color1: #ff4444;
    --rm-layer-btn-bg-color2: #cc0000;
    --rm-layer-btn-color: white;
    --rm-layer-btn-border-color: #ff0000;

    --rm-layer-btn-bg-color1-hover: #ff5555;
    --rm-layer-btn-bg-color2-hover: #dd0000;
    --rm-layer-btn-filter1-color-hover: #ff0000;
    --rm-layer-btn-filter2-color-hover: rgba(0,0,0,0.5);

    --submit-btn-font: VT323, monospace;
    --submit-btn-bg-color: transparent;
    --submit-btn-border-color: white;
    --submit-btn-filter1-color: white;
    --submit-btn-filter2-color: rgba(0,0,0,0.5);

    --submit-btn-color-hover: #ffd631;
    --submit-btn-border-color-hover: #ffd631;
    --submit-btn-filter1-color-hover: #ffd631;
    --submit-btn-filter2-color-hover: rgba(0,0,0,0.5);

    --submit-btn-filter1-color-active: white;
    --submit-btn-filter2-color-active: rgba(0,0,0,0.4);

    /* ALERT */
    --alert-font: VT323, monospace;

    --alert-success-bg-color1: rgba(0, 204, 0, 0.2);
    --alert-success-bg-color2: rgba(0, 102, 0, 0.1);
    --alert-success-border-color: #00ff00;
    --alert-success-color: #00ff00;
    --alert-success-shadow1-color: rgba(0, 255, 0, 0.3);
    --alert-success-shadow2-color: rgba(0, 255, 0, 0.1);
    --alert-success-text-shadow: #00ff00;

    --alert-danger-bg-color1: rgba(204, 0, 0, 0.2);
    --alert-danger-bg-color2: rgba(102, 0, 0, 0.1);
    --alert-danger-border-color: #ff0000;
    --alert-danger-color: #ff0000;
    --alert-danger-shadow1-color: rgba(255, 0, 0, 0.3);
    --alert-danger-shadow2-color: rgba(255, 0, 0, 0.1);
    --alert-danger-text-shadow: #ff0000;
}