/**
 * Customize default theme styling by overriding CSS variables:
 * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
 */

/**
 * Colors
 * -------------------------------------------------------------------------- */

:root {
    --vp-c-brand-1: #FF8C00;
    --vp-c-brand-light: #FFA07A;
    --vp-c-brand-lighter: #CD853F;
    --vp-c-brand-lightest: #8B4513;
    --vp-c-brand-2: #FF4500;
    --vp-c-brand-darker: #FF6347;
    --vp-c-brand-dimm: rgba(204, 51, 0, 0.08);
    --vp-code-color: #FF6347;
    --vp-code-block-bg-light: #cc6600;
    --vp-code-block-divider-color: #cc5200;
    --vp-custom-block-tip-bg: #cc660033;
}

.dark {
    --vp-c-bg: #1e1e20;
    --vp-c-bg-alt: #161618;
    --vp-c-bg-soft: #252529;
    --vp-code-block-bg: #161618;
}

:root {
    --vp-button-brand-border: var(--vp-c-brand-light);
    --vp-button-brand-text: var(--vp-c-white);
    --vp-button-brand-bg: var(--vp-c-brand);
    --vp-button-brand-hover-border: var(--vp-c-brand-light);
    --vp-button-brand-hover-text: var(--vp-c-white);
    --vp-button-brand-hover-bg: var(--vp-c-brand-light);
    --vp-button-brand-active-border: var(--vp-c-brand-light);
    --vp-button-brand-active-text: var(--vp-c-white);
    --vp-button-brand-active-bg: var(--vp-button-brand-bg);
}