/* Al-Fikr PDF.js viewer theme — load after viewer.css (requires global-variables.css) */

:root {
    --progressBar-color: var(--primary-500);
    --progressBar-blend-color: var(--primary-300);
    --progressBar-bg-color: var(--gray-200);
    --toolbar-bg-color: var(--white);
    --toolbar-border-color: var(--gray-200);
}

@supports (color: light-dark(red, red)) and (color: rgb(0 0 0 / 0)) {
    :root {
        --progressBar-color: light-dark(var(--primary-500), var(--primary-600));
        --progressBar-blend-color: light-dark(var(--primary-300), var(--primary-700));
        --progressBar-bg-color: light-dark(var(--gray-200), var(--gray-700));
        --toolbar-bg-color: light-dark(var(--white), var(--gray-800));
        --toolbar-border-color: light-dark(var(--gray-200), var(--gray-600));
    }
}

@supports not (color: light-dark(tan, tan)) {
    :root,
    :root * {
        --progressBar-color: var(--primary-500);
        --progressBar-blend-color: var(--primary-300);
        --progressBar-bg-color: var(--gray-200);
        --toolbar-bg-color: var(--white);
        --toolbar-border-color: var(--gray-200);
    }
}

#printServiceDialog progress {
    accent-color: var(--primary-500);
}