@import url('@radix-ui/colors/mauve-dark.css');

.dark-editor {
    --accentBase: var(--mauve-1);
    --accentBgSubtle: var(--mauve-2);
    --accentBg: var(--mauve-3);
    --accentBgHover: var(--mauve-4);
    --accentBgActive: var(--mauve-5);
    --accentLine: var(--mauve-6);
    --accentBorder: var(--mauve-7);
    --accentBorderHover: var(--mauve-8);
    --accentSolid: var(--mauve-9);
    --accentSolidHover: var(--mauve-10);
    --accentText: var(--mauve-11);
    --accentTextContrast: var(--mauve-12);

    --baseBase: var(--mauve-1);
    --baseBgSubtle: var(--mauve-2);
    --baseBg: var(--mauve-3);
    --baseBgHover: var(--mauve-4);
    --baseBgActive: var(--mauve-5);
    --baseLine: var(--mauve-6);
    --baseBorder: var(--mauve-7);
    --baseBorderHover: var(--mauve-8);
    --baseSolid: var(--mauve-9);
    --baseSolidHover: var(--mauve-10);
    --baseText: var(--mauve-11);
    --baseTextContrast: var(--mauve-12);

    --admonitionTipBg: var(--cyan4);
    --admonitionTipBorder: var(--cyan8);

    --admonitionInfoBg: var(--grass4);
    --admonitionInfoBorder: var(--grass8);

    --admonitionCautionBg: var(--amber4);
    --admonitionCautionBorder: var(--amber8);

    --admonitionDangerBg: var(--red4);
    --admonitionDangerBorder: var(--red8);

    --admonitionNoteBg: var(--mauve-4);
    --admonitionNoteBorder: var(--mauve-8);

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'Segoe UI',
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        'Open Sans',
        'Helvetica Neue',
        sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
        'Courier New', monospace;

    color: var(--baseText);
    background: inherit;
}
