/* cg_variables: ComplianceGear's colours (olive #8fae38, dark grey #393939) over the platform's (platform_variables in QCRDynamic.css); variables only */
:root {
    --primary-color: #8fae38;
    --secondary-color: #acd244;
    --accent-color: #e2efbf;
    --accent-light: #eef5d9;
    --accent-dark: #5c7322;
    --accent-darker: #46581a;
    --light-color: #fafbf6;
    --dark-color: #2d3319;
    --accent-hover: #f6faea;
    --accent-active: #c0df4b;
    --main-header-bg: #393939;
    --main-header-text: #ffffff;
    --tab-hover-highlight-bottom: #8fae38;
    --accordion-hover-bg: #eef5d9;
    --nav-hover-bg: #eef5d9;
    --content-hover-bg: #eef5d9;
    --control-hover-bg: #eef5d9;
}
@media (prefers-color-scheme: dark) {
    :root {
        --primary-color: #8fae38;
        --light-color: #1b2012;
        --dark-color: #f1f5e6;
        --accent-dark: #acd244;
        --accent-darker: #c0df4b;
        --accent-light: #2c3519;
        --accent-color: #3b4722;
        --accent-hover: #232a16;
        --accent-active: #4d5c2c;
        --surface-gutter: #12160c;
        --surface-raised: #262e17;
        --border-dark: #3a4524;
        --neutral-color: #b6bca6;
        --control-focus-border: #acd244;
        --accordion-hover-bg: #2c3519;
        --nav-hover-bg: #2c3519;
        --content-hover-bg: #2c3519;
        --control-hover-bg: #2c3519;
    }
}