/* TEMA: Energisk & sporty ⚡
   Sterke farger, dynamiske vinkler, bevegelse. Trening, prestasjon, ungdom. */
html[data-theme="energy"] {
    --bg:        #fffaf3;
    --surface:   #ffffff;
    --text:      #201405;
    --muted:     #6d5c48;
    --primary:   #ff6a1a;      /* energisk oransje */
    --primary-ink: #ffffff;
    --accent:    #12b886;      /* frisk grønn kontrast */
    --line:      #f1e6d6;
    --vipps:     #ff5b24;

    --radius:    14px;
    --radius-sm: 10px;
    --shadow:    0 14px 34px -14px rgb(255 106 26 / .35);
    --shadow-lg: 0 34px 66px -20px rgb(255 106 26 / .40);

    --font-head: "Sora", system-ui, sans-serif;
    --font-body: "Inter", system-ui, sans-serif;
}

/* Dynamiske, skrå bånd og sterkere farge-energi. */
html[data-theme="energy"] .hero {
    background: linear-gradient(105deg, color-mix(in oklab, var(--primary) 14%, var(--bg)) 0%, var(--bg) 55%);
}
html[data-theme="energy"] .hero-title { text-transform: none; }
html[data-theme="energy"] .btn { border-radius: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; font-size: .95rem; }
html[data-theme="energy"] .btn-lg { font-size: 1rem; }
html[data-theme="energy"] .section-alt {
    background: linear-gradient(100deg, color-mix(in oklab, var(--accent) 10%, var(--bg)), color-mix(in oklab, var(--primary) 8%, var(--bg)));
}
html[data-theme="energy"] .badge { background: var(--primary); color: #fff; }
html[data-theme="energy"] .card { border-radius: 14px; }
html[data-theme="energy"] .feature-icon { filter: saturate(1.2); }