:root {
    --default-colour: #ddd;
    --primary-colour: #359aff;
    --primary-hover-colour: #5cadff;
    --primary-active-colour: #2290ff;
    --primary-bd-colour: #999;
    --primary-bd-colour-hover: #666;
    --secondary-colour: #ddd;
    --secondary-hover-colour: #efefef;
    --secondary-active-colour: #dedede;

    --success-colour: #00ff2c;
    --success-hover-colour: #2dff50;
    --success-active-colour: #00db25;
    --warning-colour: #FFD700;
    --warning-hover-colour: rgb(255, 225, 53);
    --warning-active-colour: rgb(238, 202, 0);
    --danger-colour: #ff1300;
    --danger-hover-colour: #ff5144;
    --danger-active-colour: #d40e00;
    --block-padding: 12px 16px;
    --block-width: 100%;
    --default-border: 1px solid var(--primary-bd-colour);
    --default-border-hover: 1px solid var(--primary-bd-colour-hover);
}