:root {
    --ui-font: "Roboto", sans-serif;
    --ui-bg: #ffffff;
    --ui-surface: #ffffff;
    --ui-subtle: rgba(62, 124, 161, .08);
    --ui-text: #1b4652;
    --ui-muted: #597089;
    --ui-border: #dee2e6;
    --ui-accent: #099499;
    --ui-accent-hover: #0ba6ab;
    --ui-accent-soft: rgba(9, 148, 153, .12);
    --ui-highlight: rgba(93, 216, 255, .14);
    --ui-button-bg: #099499;
    --ui-button-text: #ffffff;
    --ui-danger: #dc6464;
    --ui-danger-soft: rgba(220, 100, 100, .12);
    --ui-info: #447d8d;
    --ui-info-soft: rgba(62, 124, 161, .14);
    --ui-shadow: 0 12px 38px rgb(27 70 82 / 6%);
}
body.dark-mode .askium-workspace {
    color-scheme: dark;
    --ui-bg: #2c3139;
    --ui-surface: #282c33;
    --ui-subtle: rgba(255, 255, 255, .06);
    --ui-text: #e7e7e7;
    --ui-muted: #adb5bd;
    --ui-border: #454b55;
    --ui-accent: #72cfcc;
    --ui-accent-hover: #0ba6ab;
    --ui-accent-soft: rgba(114, 207, 204, .12);
    --ui-highlight: rgba(93, 216, 255, .14);
    --ui-danger: #d85b67;
    --ui-danger-soft: rgba(216, 91, 103, .12);
    --ui-info: #6ec5ff;
    --ui-info-soft: rgba(68, 125, 141, .18);
    --ui-shadow: 0 12px 38px rgb(0 0 0 / 12%);
}