/* ========================================
   GRUNDLÆGGENDE STYLING
======================================== */

:root {
    --green-dark: #174c2d;
    --green: #2f6b43;
    --green-light: #edf4ef;
    --charcoal: #2e3331;
    --grey: #68716d;
    --light-grey: #f6f7f6;
    --white: #ffffff;
    --border: #dfe5e1;
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


html {
    scroll-behavior: smooth;
}


body {
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    color: var(--charcoal);
    background: var(--white);

    line-height: 1.6;
}


img {
    max-width: 100%;
    display: block;
}


a {
    color: inherit;
}


.container {
    width: min(1100px, 90%);
    margin: 0 auto;
}


/* ---------- Fælles knapper ---------- */

.button {
    display: inline-block;

    padding: 13px 22px;

    border-radius: 6px;

    text-decoration: none;

    font-weight: 650;

    transition: 0.15s ease;
}


.button-primary {
    background: var(--green-dark);
    color: white;
}


.button-primary:hover {
    background: var(--green);
}


.button-secondary {
    background: white;

    color: var(--green-dark);

    border: 1px solid var(--green-dark);
}


.button-secondary:hover {
    background: var(--green-light);
}


.button-light {
    background: white;

    color: var(--green-dark);
}


.button-light:hover {
    background: var(--green-light);
}