/* ======================= ROOT / VARIABLER ======================= */
:root {
    --bg: #f5f9fa;
    --card: #ffffff;
    --accent: #2ecc71;
    --accent2: #27ae60;
    --text: #2c3e50;
    --border: #e4e8ee;
    --shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* ======================= RESET / BASIS ======================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: system-ui, -apple-system, Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    background: linear-gradient(135deg, #f0f9ff, #e0f7fa);
    background-attachment: fixed;
    background: linear-gradient(160deg, #e3f6f5, #c1e7e3, #a1dcd3);

}

/* ======================= OVERSKRIFT ======================= */
.page-title {
    text-align: center;
    font-family: 'Poppins', 'Segoe UI', sans-serif; /* fed font type */
    font-weight: 700;
    font-size: 2.5rem;
    margin: 20px 0 20px 0; /* luft over og under overskrift */
    color: var(--text);
}