:root {
    --fontSize: 1.1em;
    --fontStyle: 'Roboto';
    --titleStyle: 'Merriweather';

    --blockWarning: var(--blockImportant);
    --blockWarningLight: color-mix(in oklab, var(--blockImportant), transparent 90%);
    --blockAdvice: var(--blockFocus);
    --blockTip: var(--blockFocus);
    --blockExample: var(--blockFocus);
    --blockNote: var(--blockDiscrete);
    --blockLegal: var(--blockDiscrete);
    --blockComplement: var(--blockDiscrete);
    --blockComplementLight: color-mix(in oklab, var(--blockDiscrete), transparent 90%);
}

html[data-theme='light'] {
    --contentBG: #fff;
    --contentFG: #4d4d4d;
    --contentLightBG: #f2f2f2;
    --contentLightFG:#797676;

    --titleFG: #292929;

    --accentColor:#1177C0;
    --accentColorAlpha:#815f891f;
    --accentDarkColor:#074f82;
    --accentDarkFG: #fff;
    --accentLightColor: #D9EBFF;

    --borderColor: #e2e2e2;
    --borderColorAlpha: #e2e2e280;

    --menuBG: #f5f5ff;
    --menuFG: #0C76B9;

    --elmtBG: #f5f5ff;

    --blockImportant: #d14121;
    --blockFocus: #7CB342;
    --blockDiscrete: #795548;

    --blockObjectives: #00838F;
    --blockObjectivesLight: color-mix(in oklab, var(--blockObjectives), transparent 90%);
    --blockAgenda: #00ACC1;
    --evalAccentColor: #4a619b;
    --evalAccentLight: #DCE6FF;

    --scrollbar-thumb-color:#1177C0;
    --scrollbar-bgcolor:#f5f5ff;
}

html[data-theme='dark'] {
    --contentBG: #292929;
    --contentFG: #d5d5d5;
    --contentLightBG: #000;
    --contentLightFG:#989898;

    --titleFG: #fff;

    --accentColor:#6fb8ec;
    --accentColorAlpha:#815f891f;
    --accentDarkColor:#074f82;
    --accentDarkFG: #000;
    --accentLightColor: #011b39;

    --borderColor: #6c6c6c;
    --borderColorAlpha: #6c6c6c80;

    --menuBG: #3b3b3b;
    --menuFG: #6fb8ec;

    --elmtBG: #4c4c4c;

    --blockImportant: #ff866b;
    --blockFocus: #99d55a;
    --blockDiscrete: #ba8c7c;

    --blockObjectives: #00838F;
    --blockObjectivesLight: color-mix(in oklab, var(--blockObjectives), transparent 90%);
    --blockAgenda: #00ACC1;
    --evalAccentColor: #4a619b;
    --evalAccentLight: #DCE6FF;

    --scrollbar-thumb-color:#074f82;
    --scrollbar-bgcolor:#000;
}