:root {
    --bg-lm-primary: white;
    --bg-lm-secondary: #EEEEFF;
    --bg-lm-secondary-hover: #3A4455;
    --text-lm-primary: #181818;
    --text-lm-secondary: #2C2C2C;
    --btn-lm-border: #EEEEFF;
    --btn-lm-text-color: #386FA4;
    --btn-lm-background: #EEEEFF;
    --btn-lm-background-hover: #c2c2c2;
    --btn-lm-border-color: #181818;
    --header-lm-bg-color: #181818;
    --header-lm-text-color-primary: white;
    --header-lm-text-color-secondary: #181818;
    --input-lm-outline-color: #181818;
    --input-lm-outline-hover-color: #2C2C2C;
    --card-lm-bg: #1062F4;
    --card-lm-text: #EEEEFF;

    /* normal mode colours which can be used in the stylesheets*/
    --gp-bg-primary: var(--bg-lm-primary);
    --gp-bg-secondary: var(--bg-lm-secondary);
    --gp-bg-secondary-hover: var(--bg-lm-secondary-hover);
    --gp-text-primary: var(--text-lm-primary);
    --gp-text-secondary: var(--text-lm-secondary);
    --gp-btn-border: var(--btn-lm-border);
    --gp-btn-text: var(--btn-lm-text-color);
    --gp-btn-background: var(--btn-lm-background);
    --gp-btn-background-hover: var(--btn-lm-background-hover);
    --gp-border-radius: 4px;
    --gp-border-color: var(--btn-lm-border-color);
    --gp-header-bg: var(--header-lm-bg-color);
    --gp-header-text-color: var(--header-lm-text-color-primary);
    --gp-header-text-color-secondary: var(--header-lm-text-color-secondary);
    --gp-input-outline-color: var(--input-lm-outline-color);
    --gp-input-outline-hover-color: var(--input-lm-outline-hover-color);
    --gp-card-bg: var(--card-lm-bg);
    --gp-card-text: var(--card-lm-text);

}