:root {
    --ordolio-default-primary: #366cf3;
    --ordolio-default-primary-rgb: 54, 108, 243;
    --ordolio-default-primary-light: color-mix(in srgb, #366cf3, white 15%);
    --ordolio-default-primary-dark: color-mix(in srgb, #366cf3, black 15%);
    --ordolio-default-primary-soft: color-mix(in srgb, #366cf3, white 85%);

    --ordolio-gradient-button--start: #5e59f2;
    --ordolio-gradient-button--end: #0078d4;

    --ordolio-default-background: #f9f9fc;

    --ordolio-default-success: #1ead00;
    --ordolio-default-success-light: #22cc00;
    --ordolio-default-success-dark: #147a00;
    --ordolio-default-success-soft: color-mix(in srgb, #1ead00, white 85%);

    --ordolio-default-warning: #e17100;
    --ordolio-default-warning-light: #f57a00;
    --ordolio-default-warning-dark: #f5a700;
    --ordolio-default-warning-soft: color-mix(in srgb, #e17100, white 85%);

    --ordolio-default-danger: #eb002c;
    --ordolio-default-danger-light: #ff0a37;
    --ordolio-default-danger-dark: #e00029;
    --ordolio-default-danger-soft: color-mix(in srgb, #eb002c, white 85%);
}