[data-theme="dark"] {

    /* =========================================================
       BACKGROUND
       ========================================================= */

    --color-background: #080B12;
    --color-surface: #10151F;
    --color-surface-elevated: #171E2A;


    /* =========================================================
       TEXT
       ========================================================= */

    --color-text-primary: #F5F7FA;
    --color-text-secondary: #A7B0C0;
    --color-text-muted: #6F7A8C;


    /* =========================================================
       BRAND
       ========================================================= */

    --color-primary: #1769FF;
    --color-cyan: #22C7D9;
    --color-yellow: #FFD43B;
    --color-green: #35C978;


    /* =========================================================
       FUNCTIONAL
       ========================================================= */

    --color-error: #FF5C5C;


    /* =========================================================
       BORDERS
       ========================================================= */

    --color-border: #202938;


    /* =========================================================
       LINE SYSTEM
       ========================================================= */

    --color-line: #334155;
    --color-line-active: #1769FF;

    --color-node-primary: #1769FF;
    --color-node-exploration: #FFD43B;
    --color-node-completed: #35C978;


    /* =========================================================
       ROBOT
       ========================================================= */

    --color-robot-base: #F5F7FA;
    --color-robot-detail: #1769FF;
    --color-robot-sensor: #22C7D9;
    --color-robot-energy: #FFD43B;
    --color-robot-status: #35C978;
}