:root {

    /* RHPZ color */
    --rhpz-orange: #ff7300;
    --rhpz-orange-hover: #e56700;

    /* Background colors */
    --bg: #1e1e1e;
    --bg2: #252526;
    --bg3: #2d2d30;
    --bg4: #3e3e42;

    /* Text */
    --text: #f1f1f1;
    --text2: #a1a1aa;
    --text3: #111111;

    /* Elements */
    --border: #3f3f46;
    --error: #e57373;
    --info: #1976d2;
    --success: #81c784;
    --success2: #388e3c;

    /* Typo */
    --typography: 'Segoe UI', 'San Francisco', 'Helvetica Neue', sans-serif;

    /* Menu settings */
    --menu-size: 260px;
    --menu-user-avatar-bg: #555;

    /* Gap */
    --gap: 15px;
}

.light-mode {

    /* RHPZ color */
    --rhpz-orange: #ff7300;
    --rhpz-orange-hover: #e56700;

    /* Background colors */
    --bg: #f0f0f0;
    --bg2: #ffffff;
    --bg3: #e8e8e8;
    --bg4: #dcdcdc;

    /* Text */
    --text: #454545;
    --text2: #737373;
    --text3: #111111;

    /* Elements */
    --border: #d0d0d0;
    --error: #e57373;
    --info: #1976d2;
    --success: #81c784;
    --success2: #388e3c;

}