@charset "UTF-8";

/* ============================================
   Base
============================================ */
@import url("base/variables.css");
@import url("base/typography.css");

/* ============================================
   Components
============================================ */
@import url("components/buttons.css");
@import url("components/header.css");
@import url("components/footer.css");
@import url("components/locale-panel.css");
@import url("components/cards.css");
@import url("components/subheaders.css");
@import url("components/page-submenu.css");
@import url("components/media-feed.css");
@import url("components/pdf-viewer.css");

/* ============================================
   Utilities
============================================ */
@import url("utilities/helpers.css");

/* ============================================
   Global
============================================ */

::selection {
    color: #fff;
    background-color: var(--color-brand-red);
}

html {
    color-scheme: light;
}

body {
    min-height: 100vh;
    color: var(--color-text);
    background-color: var(--color-background);
    transition:
        color var(--transition-base),
        background-color var(--transition-base);
}

a {
    transition: color var(--transition-base);
    cursor: pointer;
}

img,
svg {
    max-width: 100%;
}