/*
 * logstorparkhotel_test — designtokens (overleveringen § Designtokens).
 * Farverne er afstemt med logoets blå #2A82C6 og grønne #30AC68, i mørkere toner for kontrast.
 * Fontene er selvhostede (latin-subset fra Google Fonts, SIL OFL).
 */
@font-face {
    font-family: "Bricolage Grotesque";
    src: url("../Fonts/BricolageGrotesque-latin.woff2") format("woff2");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Inter";
    src: url("../Fonts/Inter-latin.woff2") format("woff2");
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Farver */
    --lp-ink: #0E2433;           /* nat/ink: overskrifter, mørke flader */
    --lp-fjord: #1A5E94;         /* links, sekundære knapper */
    --lp-primary: #1E6FB3;       /* primær knap (hvid tekst ≈ 5,3:1) */
    --lp-green: #1F7A48;         /* overlines, ikoner */
    --lp-green-dark: #17603A;
    --lp-bg: #F4F6F5;            /* sidebaggrund */
    --lp-surface: #FFFFFF;
    --lp-line: #DDE4E7;
    --lp-line-soft: #E6ECEE;
    --lp-muted: #4A5A64;         /* dæmpet tekst */
    --lp-body: #2C4250;          /* brødtekst på lys flade */
    --lp-tint-blue: #E3EFF8;
    --lp-tint-green: #E4F3EA;
    --lp-panel: #163A57;         /* mørkt panel på mørk flade */
    --lp-panel-line: #23465A;
    --lp-on-dark: #DCE6EB;
    --lp-on-dark-muted: #B8CCD6;
    --lp-overline-on-dark: #8FD3AC;

    /* Typografi */
    --lp-font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
    --lp-font-body: Inter, system-ui, sans-serif;

    /* Layout */
    --lp-container: 1240px;
    --lp-gutter: 24px;
    --lp-radius-s: 12px;
    --lp-radius-card: 20px;
    --lp-radius-large: 24px;
    --lp-radius-pill: 999px;
    --lp-shadow-mega: 0 24px 40px rgba(14, 36, 51, .12);
    --lp-shadow-bar: 0 -8px 24px rgba(14, 36, 51, .08);
    --lp-mobile-break: 760px;
}

@media (max-width: 760px) {
    :root {
        --lp-gutter: 16px;
    }
}