/* Theme Colors - Auto Generated */

:root {
    --header-bg: #fffefd;
    --header-text: #3f3a3a;
    --header-border: #dddddd;
    --menubar-bg: #26264c;
    --menubar-text: #ededfd;
    --menubar-border: #dddddd;
    --footer-bg: #26264c;
    --footer-text: #ededfd;
    --footer-border: #dddddd;
    --page-bg: #fbf8f2;
    --page-text: #212529;
    --page-border: #dddddd;
    --article-bg: #fbfbfd;
    --article-text: #212529;
    --article-border: #dddddd;
    --sixtysecondsvg-bg: #f1f1f3;
    --sixtysecondsvg-text: #14177d;
    --sixtysecondsvg-border: #6363f1;
    --protip-bg: #81d742;
    --protip-text: #2d5a2d;
    --protip-border: #4caf50;
    --disclaimer-bg: #fff6f8;
    --disclaimer-text: #75283c;
    --disclaimer-border: #ea9393;
    --warning-bg: #fbdfb5;
    --warning-text: #423304;
    --warning-border: #e79212;
    --infobox-bg: #dbf4ff;
    --infobox-text: #0b424c;
    --infobox-border: #63dff2;
    --probox-bg: #a1fbb9;
    --probox-text: #155724;
    --probox-border: #28a745;
    --conbox-bg: #f2bebe;
    --conbox-text: #721c24;
    --conbox-border: #dc3545;
    --tabdisplay-bg: #dbf4ff;
    --tabdisplay-text: #292b2d;
    --tabdisplay-border: #1e73be;
    --linktext-bg: #14518a;
    --linktext-text: #046ad6;
    --linktext-border: #14518a;
    --faq-bg: #dadde0;
    --faq-text: #eaf0f4;
    --faq-border: #115bc9;
}

.dark-mode {
    --header-bg: #1d201c;
    --header-text: #fafaff;
    --header-border: #444444;
    --menubar-bg: #0d0e1c;
    --menubar-text: #ededfd;
    --menubar-border: #444444;
    --footer-bg: #0d0e1c;
    --footer-text: #ededfd;
    --footer-border: #444444;
    --page-bg: #1d2026;
    --page-text: #fafaff;
    --page-border: #444444;
    --article-bg: #2b2d31;
    --article-text: #fafaff;
    --article-border: #444444;
    --sixtysecondsvg-bg: #38485a;
    --sixtysecondsvg-text: #ffffff;
    --sixtysecondsvg-border: #444444;
    --protip-bg: #346e0b;
    --protip-text: #dfebe0;
    --protip-border: #4caf50;
    --disclaimer-bg: #964555;
    --disclaimer-text: #fff6f8;
    --disclaimer-border: #ea9393;
    --warning-bg: #e6961e;
    --warning-text: #fdfaf1;
    --warning-border: #ffc107;
    --infobox-bg: #0b5f83;
    --infobox-text: #4dd0e1;
    --infobox-border: #17a2b8;
    --probox-bg: #4f931f;
    --probox-text: #c7e4c9;
    --probox-border: #28a745;
    --conbox-bg: #a13a3a;
    --conbox-text: #f9c3c2;
    --conbox-border: #dc3545;
    --tabdisplay-bg: #315767;
    --tabdisplay-text: #f5f7f9;
    --tabdisplay-border: #0c477d;
    --linktext-bg: #14518a;
    --linktext-text: #3895f9;
    --linktext-border: #8286f2;
    --faq-bg: #494a4a;
    --faq-text: #eaf0f4;
    --faq-border: #0c3d87;
}

.sc-header {
    background-color: var(--header-bg);
    color: var(--header-text);
    border-color: var(--header-border);
}

.preview-header {
    background-color: var(--header-bg);
    color: var(--header-text);
    border-color: var(--header-border);
}

.sc-menubar {
    background-color: var(--menubar-bg);
    color: var(--menubar-text);
    border-color: var(--menubar-border);
}

.preview-menu_bar {
    background-color: var(--menubar-bg);
    color: var(--menubar-text);
    border-color: var(--menubar-border);
}

.sc-footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
    border-color: var(--footer-border);
}

.preview-footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
    border-color: var(--footer-border);
}

.sc-page {
    background-color: var(--page-bg);
    color: var(--page-text);
    border-color: var(--page-border);
}

.preview-page {
    background-color: var(--page-bg);
    color: var(--page-text);
    border-color: var(--page-border);
}

.sc-article {
    background-color: var(--article-bg);
    color: var(--article-text);
    border-color: var(--article-border);
}

.preview-article {
    background-color: var(--article-bg);
    color: var(--article-text);
    border-color: var(--article-border);
}

.sc-sixtysecondsvg {
    background-color: var(--sixtysecondsvg-bg);
    color: var(--sixtysecondsvg-text);
    border-color: var(--sixtysecondsvg-border);
}

.preview-sixty_second_svg {
    background-color: var(--sixtysecondsvg-bg);
    color: var(--sixtysecondsvg-text);
    border-color: var(--sixtysecondsvg-border);
}

.sc-protip {
    background-color: var(--protip-bg);
    color: var(--protip-text);
    border-color: var(--protip-border);
}

.preview-pro_tip {
    background-color: var(--protip-bg);
    color: var(--protip-text);
    border-color: var(--protip-border);
}

.sc-disclaimer {
    background-color: var(--disclaimer-bg);
    color: var(--disclaimer-text);
    border-color: var(--disclaimer-border);
}

.preview-disclaimer {
    background-color: var(--disclaimer-bg);
    color: var(--disclaimer-text);
    border-color: var(--disclaimer-border);
}

.sc-warning {
    background-color: var(--warning-bg);
    color: var(--warning-text);
    border-color: var(--warning-border);
}

.preview-warning {
    background-color: var(--warning-bg);
    color: var(--warning-text);
    border-color: var(--warning-border);
}

.sc-infobox {
    background-color: var(--infobox-bg);
    color: var(--infobox-text);
    border-color: var(--infobox-border);
}

.preview-info_box {
    background-color: var(--infobox-bg);
    color: var(--infobox-text);
    border-color: var(--infobox-border);
}

.sc-probox {
    background-color: var(--probox-bg);
    color: var(--probox-text);
    border-color: var(--probox-border);
}

.preview-pro_box {
    background-color: var(--probox-bg);
    color: var(--probox-text);
    border-color: var(--probox-border);
}

.sc-conbox {
    background-color: var(--conbox-bg);
    color: var(--conbox-text);
    border-color: var(--conbox-border);
}

.preview-con_box {
    background-color: var(--conbox-bg);
    color: var(--conbox-text);
    border-color: var(--conbox-border);
}

.sc-tabdisplay {
    background-color: var(--tabdisplay-bg);
    color: var(--tabdisplay-text);
    border-color: var(--tabdisplay-border);
}

.preview-tab_display {
    background-color: var(--tabdisplay-bg);
    color: var(--tabdisplay-text);
    border-color: var(--tabdisplay-border);
}

.sc-linktext {
    background-color: var(--linktext-bg);
    color: var(--linktext-text);
    border-color: var(--linktext-border);
}

.preview-link_text {
    background-color: var(--linktext-bg);
    color: var(--linktext-text);
    border-color: var(--linktext-border);
}

.sc-faq {
    background-color: var(--faq-bg);
    color: var(--faq-text);
    border-color: var(--faq-border);
}

.preview-faq {
    background-color: var(--faq-bg);
    color: var(--faq-text);
    border-color: var(--faq-border);
}