:root,
[data-theme="light"] {

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

    --color-background: #F7F9FC;
    --color-surface: #FFFFFF;
    --color-surface-elevated: #EEF2F7;


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

    --color-text-primary: #101828;
    --color-text-secondary: #475467;
    --color-text-muted: #667085;


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

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


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

    --color-error: #FF5C5C;


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

    --color-border: #DDE3EC;


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

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

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


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

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