/* ======================================================================
   00. Közös arculati változók
   Itt állítható a teljes oldal alap-színvilága, szélessége és térközrendszere.
   Az egyes blokkok saját finomhangoló változóikat a saját CSS-fájljukban kapják.
   ====================================================================== */

:root {
    --sl-font: "Roboto", Arial, sans-serif;
    --sl-ink: #092451;
    --sl-text: #425f88;
    --sl-muted: #7388a5;
    --sl-white: #ffffff;
    --sl-navy: #10284a;
    --sl-blue: #0863ff;
    --sl-blue-hover: #004ee7;
    --sl-teal: #2cdbcf;
    --sl-border: #dce5ef;
    --sl-background: #f1f7fe;
    --sl-container: 1296px;
    --sl-gutter: 5vw;
    --sl-radius-small: 8px;
    --sl-radius-medium: 14px;
    --sl-radius-large: 22px;
    --sl-shadow-soft: 0 10px 32px rgb(16 40 74 / 8%);
    --sl-focus-color: #05aeb8;
    --sl-transition: 180ms ease;
    --sl-z-header: 50;
    --sl-z-backdrop: 40;
}

@media (max-width: 700px) {
    :root {
        --sl-gutter: 20px;
        --sl-radius-large: 18px;
    }

}