/*
 *  CrudeDoc CSS Style
 *  Copyright (c) 2026 Christian Schoenebeck. All rights reserved.
 *  https://www.crudebyte.com
 */

:root {
    --cr-bg-color-white:white;
    --cr-bg-color-note:#ede8e8;
    --cr-bg-color-note-important:#ede8e8;
    --cr-bg-color-table-cell:#f9f7f7;
    --cr-bg-color-table-header:#e0e0ff;
    --cr-border-color-table:white;
    --cr-text-color-black:black;
    --cr-text-color-bronze:#9a6938;
    --cr-text-color-h1:#a19f9f;
    --cr-text-color-h2:#a19f9f;
    --cr-code-bg-color:#fcf9f9;
    --cr-code-bg-color-metaphor:#ddf4fd;
    --cr-code-line-nr-bg-color:#f9f3f3;
    --cr-code-line-nr-text-color:#c9c9c9;
    --cr-code-text-color:#404040;
    --cr-code-text-color-keyword:black;
    --cr-code-text-color-qualifier:#ff4ff3;
    --cr-code-text-color-number:#c4950c;
    --cr-code-text-color-unit-type:#50BC00;
    --cr-code-text-color-metric-prefix:black;
    --cr-code-text-color-identifier:#1ba1dd;
    --cr-code-text-color-array-var:#790cc4;
    --cr-code-text-color-string-var:#790cc4;
    --cr-code-text-color-int-var:#790cc4;
    --cr-code-text-color-characters:#c40c0c;
    --cr-code-text-color-comment:#9c9c9c;
    --cr-code-text-color-preproc:#2f8a33;
    --cr-code-text-color-metaphor:black;
    --cr-code-text-color-event-handler:#07c0cf;

    --cr-root-bg-gradient-color-from:#cbc3c2;
    --cr-root-bg-gradient-color-to:#bfb2b0;

    --cr-header-strip-bg-color:#898989;
    --cr-nav-bar-gradient-color-from:rgba(251,251,251,1.0);
    --cr-nav-bar-gradient-color-to:rgba(186,186,186,1.0);
    --cr-aside-toc-gradient-color-from:#cbc3c2;
    --cr-aside-toc-gradient-color-to:#bfb2b0;
    --cr-aside-toc-gradient-color-ul-from:rgba(255,255,255,0.43);
    --cr-aside-toc-gradient-color-ul-to:rgba(136,136,136,0.49);
    --cr-aside-toc-hover-color:rgba(255,0,0,0.22);
    --cr-aside-toc-current-text-shadow-color:#fbf1f1;

    --cr-ui-widget-text-color:#222222;
    --cr-ui-widget-bg-color:#ffffff;
    --cr-ui-tooltip-arrow-color:white;

    --cr-scrollbar-fg-color:#f3d33f;
    --cr-scrollbar-bg-color:#343a5730;
}

@media(prefers-color-scheme:dark) {
    :root {
        --cr-bg-color-white:#0d1319;
        --cr-bg-color-note:#334451;
        --cr-bg-color-note-important:#651e1e;
        --cr-bg-color-table-cell:#30333d;
        --cr-bg-color-table-header:#3e4a55;
        --cr-border-color-table:#5a5a5a;
        --cr-text-color-black:#d2d2d2;
        --cr-text-color-bronze:#d79e64;
        --cr-text-color-h1:#bdbdbd;
        --cr-text-color-h2:#bdbdbd;
        --cr-code-bg-color:#202728;
        --cr-code-bg-color-metaphor:#286e71;
        --cr-code-line-nr-bg-color:#212121;
        --cr-code-line-nr-text-color:#7e7e7e;
        --cr-code-text-color:#d2d2d2;
        --cr-code-text-color-keyword:#d2d2d2;
        --cr-code-text-color-qualifier:#ff4ff3;
        --cr-code-text-color-number:#f2be00;
        --cr-code-text-color-unit-type:#50BC00;
        --cr-code-text-color-metric-prefix:#d2d2d2;
        --cr-code-text-color-identifier:#668cff;
        --cr-code-text-color-array-var:#ae39ff;
        --cr-code-text-color-string-var:#ae39ff;
        --cr-code-text-color-int-var:#ae39ff;
        --cr-code-text-color-characters:#ff3461;
        --cr-code-text-color-comment:#9c9c9c;
        --cr-code-text-color-preproc:#1ca922;
        --cr-code-text-color-metaphor:#d2d2d2;
        --cr-code-text-color-event-handler:#07c0cf;

        --cr-root-bg-gradient-color-from:#1a4047;
        --cr-root-bg-gradient-color-to:#1b1818;

        --cr-header-strip-bg-color:#0e1619;
        --cr-nav-bar-gradient-color-from:#1a2723;
        --cr-nav-bar-gradient-color-to:#061820;
        --cr-aside-toc-gradient-color-from:#000000;
        --cr-aside-toc-gradient-color-to:#060303;
        --cr-aside-toc-gradient-color-ul-from:#294f596e;
        --cr-aside-toc-gradient-color-ul-to:#2f134c7d;
        --cr-aside-toc-hover-color:rgba(0,197,255,0.16);
        --cr-aside-toc-current-text-shadow-color:#8e5e11;

        --cr-ui-widget-text-color:#dcdcdc;
        --cr-ui-widget-bg-color:#2b474b;
        --cr-ui-tooltip-arrow-color:#bdbbbb;

        --cr-scrollbar-fg-color:#959b2b;
        --cr-scrollbar-bg-color:#54333961;
    }
}