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

    --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: #00ff88;
    --arcade-shadow-color: #00ff88;
    --arcade-title-font: VT323, monospace;
    /*--arcade-top-bg-img: url("../images/background/homebar-sgP0fnN.png");*/
    --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-controls-bg-img: url("../images/background/homebar-sgP0fnN.png");*/
    --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: #00ff88;
    --card-design-border-color: #00ff88;
    --card-web-border-color: #00ff88;
    --card-badge-back-border-color: rgba(255,255,255,0.9);
    --card-badge-back-shadow-color: rgba(0,0,0,0.4);
    --card-badge-front-border-color: rgba(255,255,255,0.8);
    --card-badge-front-shadow-color: rgba(0,0,0,0.3);

    /* timeline header */
    --timeline-bg-color: #00ff88;
    --timeline-dot-color: #00ff88;
    --timeline-dot-shadow1-color: #00ff88;
    --timeline-dot-shadow2-color: rgba(0,0,0,0.5);
    --timeline-dot-border-color: #0a0a0a;
    --timeline-date-color: #00ff88;
    --timeline-date-border-color: #00ff88;
    --timeline-date-bg-color: #1a1a2e;
    --timeline-date-shadow-color: rgba(0,255,136,0.3);
    --timeline-hours-bg-color: #ff6b6b;
    --timeline-hours-border-color: #cc5555;
    --timeline-hours-shadow-color: rgba(255,107,107,0.5);

    /* entry */
    --timeline-card-bg-color: #16162a;
    --timeline-card-border-color: #2a2a4a;
    --timeline-card-border-color-hover: #00ff88;
    --timeline-card-shadow-color-hover: rgba(0,255,136,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: #00ff88;
    --timeline-card-dot-color: #00ff88;
    --timeline-card-dot-shadow-color: #00ff88;

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


    /* HIGHSCORES */
    --scores-data-font: VT323, monospace;
    --scores-tab-bg-color-active: #ff6b6b;
    --scores-tab-border-color-active: #cc5555;
    --scores-tab-color: #00ff88;
    --scores-tab-color-hover: #ff6b6b;


}