:root {
    --c-red: #C60018;
    --c-green: #007C4B;
    --c-purple: #7937DE;
    --c-amber: #E8A317;

    --c-red-10: #F9E6E8;
    --c-green-10: #E6F2ED;
    --c-purple-10: #F2EBFC;
    --c-amber-10: #FDF6E8;

    --c-black: #30302F;
    --c-gray: #6B6B69;
    --c-gray-dark: #52524F;
    --c-line: #E4E2DE;
    --c-bg: #FAF9F7;
    --c-white: #FFFFFF;

    --c-text: var(--c-black);
    --c-text-soft: var(--c-gray-dark);
    --c-surface: var(--c-white);
    --c-page: var(--c-bg);
    --c-border: var(--c-line);
    --c-accent: var(--c-red);

    --c-navbar: #F7F7F7;

    --c-red-tma: #FF4256;
}

[data-theme="dark"],
:root.uc-dark {
    --c-page: #30302F;
    --c-surface: #3A3A38;
    --c-text: #FAF9F7;
    --c-text-soft: #C8C8C4;
    --c-border: #4A4A47;

    --c-navbar-dark: #121212;

    --c-red: var(--c-red-tma);
    --c-green: #12A968;
    --c-purple: #9D6BEE;
    --c-amber: #F0B542;

    --c-red-10: #4A171D;
    --c-green-10: #10382A;
    --c-purple-10: #2E2148;
    --c-amber-10: #45330F;

    --c-accent: var(--c-red);
}