/**
 * 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-color-primary: #273d85;
    --ifm-color-primary-dark: #233778;
    --ifm-color-primary-darker: #213471;
    --ifm-color-primary-darkest: #1b2b5d;
    --ifm-color-primary-light: #2b4392;
    --ifm-color-primary-lighter: #2d4699;
    --ifm-color-primary-lightest: #334fad;
    --ifm-color-primary-text: #ffffff;
    --ifm-color-secondary-text: #ffffff;
    --ifm-code-font-size: 95%;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
    --ifm-color-primary: #ccd5f0;
    --ifm-color-primary-dark: #aab9e6;
    --ifm-color-primary-darker: #99abe1;
    --ifm-color-primary-darkest: #6580d2;
    --ifm-color-primary-light: #eef1fa;
    --ifm-color-primary-lighter: #ffffff;
    --ifm-color-primary-lightest: #ffffff;
    --ifm-color-primary-text: #242526;
    --ifm-color-secondary-text: #ffffff;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

html {
    font-family: "Open Sans", sans-serif;
}

/*==========================================================
    Open Sans
==========================================================*/
@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-SemiBold.ttf');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-SemiBoldItalic.ttf');
    font-weight: bolder;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-ExtraBold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/fonts/OpenSans-ExtraBoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}

.col {
    padding-bottom: 48px;
}

.button.button--install {
    background-color: #273d85;
    color: var(--ifm-color-secondary-text);
}

.button.button--doc-section {
    background-color: var(--ifm-color-primary-lightest);
    color: var(--ifm-color-primary-text);
}

.footer__links {
    margin-bottom: 3rem;
}
