/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
    --ifm-font-size-sm: 12px;
    /* --ifm-color-secondary: #314cb6;
    --ifm-color-secondary-dark: #2c44a4;
    --ifm-color-secondary-darker: #2a419b;
    --ifm-color-secondary-darkest: #22357f;
    --ifm-color-secondary-light: #3654c8;
    --ifm-color-secondary-lighter: #3e5bcb;
    --ifm-color-secondary-lightest: #5a72d3; */
    --ifm-color-secondary: #69a2b0;
    --ifm-color-secondary-dark: #5796a6;
    --ifm-color-secondary-darker: #528e9c;
    --ifm-color-secondary-darkest: #447581;
    --ifm-color-secondary-light: #7badba;
    --ifm-color-secondary-lighter: #85b3bf;
    --ifm-color-secondary-lightest: #a0c4cd;
    --ifm-color-primary: #ff5e5b;
    --ifm-color-primary-dark: #ff3c38;
    --ifm-color-primary-darker: #ff2b27;
    --ifm-color-primary-darkest: #f20400;
    --ifm-color-primary-light: #ff807e;
    --ifm-color-primary-lighter: #ff918f;
    --ifm-color-primary-lightest: #ffc4c3;
    --ifm-code-font-size: 95%;
}

:root {
    --ifm-code-background: rgba(0, 0, 0, 0.04);
    --ifm-code-color: var(--ifm-color-secondary-darker);
    --ifm-footer-color: var(--ifm-secondary-lightest);
    --ifm-footer-link-color: var(--ifm-secondary-lightest);
    --ifm-footer-title-color: var(--ifm-color-emphasis-800);
    --ifm-footer-background-color: var(--ifm-color-emphasis-100);
}

html[data-theme="dark"] .footer.footer--dark {
    --ifm-footer-color: var(--ifm-color-emphasis-300);
}

.footer.footer--dark {
    --ifm-footer-color: var(--ifm-color-emphasis-600);
    --ifm-footer-link-color: var(--ifm-footer-color);
    --ifm-footer-title-color: var(--ifm-color-emphasis-800);
    --ifm-footer-background-color: var(--ifm-color-emphasis-100);
}

.footer.footer--dark .footer__items {
    font-size: 0.8rem;
}

html[data-theme="dark"] {
    --ifm-code-background: rgba(255, 255, 255, 0.08);
    --ifm-code-color: var(--ifm-color-secondary-lightest);
    /* #ace8cd
        #b6a7e2
        #dc7381
     */
}

.docusaurus-highlight-code-line {
    background-color: rgb(72, 77, 91);
    display: block;
    margin: 0 calc(-1 * var(--ifm-pre-padding));
    padding: 0 var(--ifm-pre-padding);
}

table {
    margin-top: var(--ifm-spacing-vertical);
}

table td:nth-child(1) {
    white-space: nowrap;
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
    color: var(--ifm-color-primary);
}
