/*   Prefix --base-   */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

html, body {
    scroll-behavior: smooth;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-height: 100vh;
    overflow-x: hidden;
}

body {
    /* --where-property-when */

    --base-culture-element-background-hover: #49A8FF;

    --base-neutral: #7B7B7B;

    --base-head-color: #A3A3CE;

    --base-link-color: #004785;
    --base-link-color-bright: #8BBAFF;
    --base-list-element-background-hover: #d0e4ff;

    --base-button-background: #004785;
    --base-button-color: #ffffff;
    --base-button-background-hover: #002749;
    --base-button-color-hover: #F6F6F6;

    --base-white-button-background: #F6F6F6;
    --base-white-button-color: #000;
    --base-white-button-background-hover: #F6F6F6;
    --base-white-button-color-hover: #004785;

    --base-red-button-background: #DC2E3F;
    --base-red-button-color: #ffffff;
    --base-red-button-background-hover: #C02130;
    --base-red-button-color-hover: #ffffff;

    --base-outline-button-background: rgba(0, 0, 0, 0.2);
    --base-outline-button-color: #F6F6F6;
    --base-outline-button-border: #F6F6F6;
    --base-outline-button-background-hover: #F6F6F6;
    --base-outline-button-color-hover: #004785;

    --base-special-button-background: #F6F6F6;
    --base-special-button-color: #004785;
    --base-special-button-background-hover: #465665;
    --base-special-button-color-hover: #FFFFFF;

    --base-pagination-button-background: #F2F4F9;
    --base-pagination-button-color: #000000;
    --base-pagination-button-background-hover: #D3D8E9;
    --base-pagination-button-background-current: #021450;
    --base-pagination-button-color-current: #FFFFFF;

    --base-text-shadow-color: rgba(0, 0, 0, 0.1);
    --base-box-shadow-color: rgba(0, 0, 0, 0.1);
}