:root {
        --primary: #ffffff;
        --secondary: #f2f2f2;
        --accent: #007bff;
        --text-color: #333333;
        --font-family: Inter, sans-serif;
        --radius: 8px;
        --shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    /* GLOBAL */
    body {
        background: var(--secondary);
        color: var(--text-color);
        font-family: var(--font-family);
    }

    /* NAVBAR */
    .navbar {
        background: var(--secondary);
        color: var(--text-color);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
    }

    .navbar .nav-link {
        color: var(--text-color);
    }

    .navbar-brand {
        color: var(--text-color);
    }

    .navbar .nav-link:hover {
        color: var(--accent);
    }

    /* SEKSJONER */
    section {
        background: var(--secondary);
        color: var(--text-color);
    }

    /* ARTIKKELTEKST */
    article p {
        color: var(--text-color);
    }

    /* TITLER */
    .section-title {
        color: var(--text-color);
    }

    /* SUBTITLE – nå følger text-color */
    .section-subtitle {
        color: var(--text-color);
    }

    /* KORT */
    .card {
        background: var(--secondary);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        color: var(--text-color);
    }

    /* KORT TEKST */
    .card p {
        color: var(--text-color);
    }

    /* ⭐ KORT-SERVICE TEKST – FIXER BRUNFARGEN PÅ FORSIDEN ⭐ */
    .card-service p {
        color: var(--text-color);
    }

    /* LENKER */
    a {
        color: var(--text-color);
    }

    a:hover {
        color: var(--accent);
    }

    /* KNAPPER */
    .btn-primary {
        background-color: var(--accent);
        border-color: var(--accent);
        color: var(--primary);
    }

    .btn-primary:hover {
        background-color: var(--primary);
        color: var(--accent);
    }

    /* FOOTER */
    footer {
        background: var(--accent);
        color: var(--text-color);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
    }

    footer a {
        color: var(--text-color);
    }

    footer a:hover {
        color: var(--primary);
    }

    /* HERO CUSTOM */
    light

    /* FOOTER CUSTOM */
    light

    /* CARD CUSTOM */
    light