/* 1. Våre Tema-variabler (CSS Custom Properties) */

/* Standard (Dagslys) */
:root {
    --bakgrunn: #ffffff;
    --tekst: #14181f;
    --aksent: #0061f2;
    --flate: #f6f8fb;
    --kant: #e3e7ee;
}

/* Tema: Kvantemørke (Deep Space) */
[data-theme="kvantemorke"] {
    --bakgrunn: #0b132b;
    --tekst: #e6e8e6;
    --aksent: #fca311;
    --flate: #1c2541;
    --kant: #3a506b;
}

/* Tema: Retro Sepia */
[data-theme="sepia"] {
    --bakgrunn: #f4ecd8;
    --tekst: #433422;
    --aksent: #b5651d;
    --flate: #e8dfc7;
    --kant: #d5c8ab;
}

/* 2. Selve designreglene */
body {
    background-color: var(--bakgrunn);
    color: var(--tekst);
    font-family: 'IBM Plex Sans', sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin: 0;
    line-height: 1.6;
}

/* Eksempel på et artikkelkort */
.price-card {
    background-color: var(--flate);
    border: 1px solid var(--kant);
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}

h1, h2, h3 {
    font-family: 'IBM Plex Serif', serif;
    color: var(--aksent);
}