/* Lys variant. Lastes etter stil.css på lys.html (html[data-tema="lys"]).
   Hvitt og bone bærer siden, mørkeblå er skriften, grønt er handling. KI-delen og bunnen står mørke som kontrast. */
:root[data-tema="lys"]{
  --ink0:#002A3A;                 /* fast mørkeblå, til tekst på grønt og hvitt */
  --blue:#FFFFFF; --deep:#F1F4F2; --blue-2:#E4EBE9; --blue-3:#D5E0DE;
  --on:#002A3A; --on-2:#3B5A65; --on-3:rgba(0,42,58,.5); --line:rgba(0,42,58,.16);
  --gt:#3F7309;                   /* grønn for liten tekst på lys flate */
  --gd:#4C850B;                   /* grønn for store overskrifter på lys flate */
}
[data-tema="lys"]{background:#fff}
[data-tema="lys"] body{background:#fff;color:var(--on)}
[data-tema="lys"] body::after{display:none}
[data-tema="lys"] em{color:var(--gd)}
[data-tema="lys"] .eyebrow{color:var(--gt)}
[data-tema="lys"] ::selection{background:var(--green);color:var(--ink0)}
[data-tema="lys"]{scrollbar-color:var(--green) #E4EBE9}

/* topp */
[data-tema="lys"] .takt-bar{background:rgba(0,42,58,.08)}
[data-tema="lys"] .top{background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,0))}
[data-tema="lys"] .top.solid{background:rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(0,42,58,.08)}
[data-tema="lys"] .fremdrift b{color:var(--gt)}
[data-tema="lys"] .btn-green{color:var(--ink0)}
[data-tema="lys"] .btn-green:hover{background:var(--ink0);color:#fff}

/* hero */
[data-tema="lys"] .hero{background:radial-gradient(120% 90% at 70% 40%,#FFFFFF 0%,#F4F7F5 50%,#E6EDEA 100%)}
/* videoen står klar og ekte til høyre; bare venstre side og kantene tones mot hvitt for teksten */
[data-tema="lys"] .hero-video::after{background:
  linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 30%,rgba(255,255,255,.3) 52%,rgba(255,255,255,0) 68%),
  linear-gradient(0deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,0) 22%),
  linear-gradient(180deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 14%)}
[data-tema="lys"] .st-fase{color:var(--gt)}
[data-tema="lys"] .status b{color:var(--ink0)}
[data-tema="lys"] .scroll-hint{color:var(--gt)}
[data-tema="lys"] .scroll-hint i{background-image:linear-gradient(var(--gt) 50%,transparent 50%)}
[data-tema="lys"] .overlevert{color:var(--ink0)}
[data-tema="lys"] .alfabet span.forbi{color:var(--gt)}

/* pilarer: bone bak, hvite felt med skygge */
[data-tema="lys"] .pilarer{--deep:#ECE8DD;--blue-2:#FFFFFF}
[data-tema="lys"] .pil{color:var(--ink0);box-shadow:0 24px 50px -30px rgba(0,42,58,.35)}

/* svinghjulet */
[data-tema="lys"] #hjulSvg circle{stroke:rgba(0,42,58,.28)}
[data-tema="lys"] .seg{stroke:rgba(0,42,58,.13)}
[data-tema="lys"] .seg.on{stroke:var(--green)}
[data-tema="lys"] .seg.gjort{stroke:var(--teal2)}
[data-tema="lys"] .nd circle{fill:#fff;stroke:var(--ink0)}
[data-tema="lys"] .nd text{fill:var(--ink0)}
[data-tema="lys"] .nd.on circle{fill:var(--ink0);stroke:var(--ink0)}
[data-tema="lys"] .nd.on text{fill:#fff}
[data-tema="lys"] .hj-sm{fill:var(--gt)}
[data-tema="lys"] .hj-lg{fill:var(--ink0)}
[data-tema="lys"] .trinn.on>span{color:var(--ink0)}
[data-tema="lys"] .trinn-maal.on h3{color:var(--gd)}
[data-tema="lys"] .trinn-maal.on p{color:var(--ink0)}

/* referanser */
[data-tema="lys"] .teller b{color:var(--gd)}
[data-tema="lys"] .teller div+div b{color:var(--ink0)}
[data-tema="lys"] .kort{background:#fff;box-shadow:0 18px 40px -24px rgba(0,42,58,.35)}
[data-tema="lys"] .kort .nr{color:#fff}
[data-tema="lys"] .hode .vd{color:var(--gt)}
[data-tema="lys"] .kunder .marq-in span{-webkit-text-stroke:1.2px rgba(0,42,58,.3)}
[data-tema="lys"] .kunder .marq-in span:nth-child(3n){color:var(--ink0);-webkit-text-stroke:0}
[data-tema="lys"] .kunder .marq-in span:nth-child(7n){color:var(--gd);-webkit-text-stroke:0}

[data-tema="lys"] .ref,[data-tema="lys"] .kunder{--deep:#F3F0E8}
/* opplæring: hvit flate mellom bone og den mørke KI-delen */
[data-tema="lys"] .foto{outline-color:var(--gt)}
[data-tema="lys"] .format article{box-shadow:0 18px 40px -28px rgba(0,42,58,.35)}
[data-tema="lys"] .tall{border-color:rgba(0,42,58,.18)}
[data-tema="lys"] .kal-rad{border-color:rgba(0,42,58,.16)}

/* KI: den ene mørke flaten */
[data-tema="lys"] .ki{--on:#FFFFFF;--on-2:#B9CAD1;--on-3:rgba(255,255,255,.42);--line:rgba(255,255,255,.16);--deep:#001B26;--gt:#78BE20;--gd:#78BE20;color:#fff;border-radius:28px 28px 0 0;margin-top:-28px;position:relative;z-index:3}

/* om oss */
[data-tema="lys"] .om{border-radius:28px 28px 0 0;margin-top:-28px;position:relative;z-index:4}
[data-tema="lys"] .manifest span{color:rgba(0,42,58,.15)}
[data-tema="lys"] .manifest span.paa{color:var(--ink0)}
[data-tema="lys"] .manifest span.paa.gr{color:var(--gd)}
[data-tema="lys"] .band figcaption{color:#fff}
[data-tema="lys"] .tro article{border-top-color:var(--ink0)}
[data-tema="lys"] .tro article span{color:var(--gt)}
[data-tema="lys"] .person figure::before{color:rgba(0,42,58,.2)}

/* kontakt og bunn */
[data-tema="lys"] .kontakt{color:var(--ink0);z-index:5}
[data-tema="lys"] .kontakt .eyebrow{color:var(--ink0)}
[data-tema="lys"] .kontakt em{color:#fff}
[data-tema="lys"] .kontakt .btn-green{background:var(--ink0);color:#fff}
[data-tema="lys"] .kontakt .btn-green:hover{background:#001B26}
[data-tema="lys"] .kontakt .btn-ghost{border-color:var(--ink0);color:var(--ink0)}
[data-tema="lys"] .kontakt .btn-ghost:hover{background:var(--ink0);color:#fff}
[data-tema="lys"] address b{border-top-color:var(--ink0)}
[data-tema="lys"] .fot{--deep:#001B26;--on-2:#B9CAD1}

/* mobil: videoen står klar øverst, og tones mot bakgrunnen bare helt nederst og bak menyen */
@media (max-width:820px){
  [data-tema="lys"] .hero-video::after{background:
    linear-gradient(0deg,rgba(246,249,247,1) 0%,rgba(246,249,247,.55) 12%,rgba(246,249,247,0) 30%),
    linear-gradient(180deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 15%)}
  [data-tema="lys"] .hero{background:#F6F9F7}
}
@media (max-width:820px){[data-tema="lys"] .hero-video video{object-position:56% 50%}}

[data-tema="lys"] .fp-tittel{color:var(--gt)}
[data-tema="lys"] .mm-lenker a span{color:var(--gt)}
[data-tema="lys"] .mm-lenker a:active{color:var(--gd)}

/* ambisjonen, lappeveggen og stemmene i lys variant */
[data-tema="lys"] .vegg{background:#F3F0E8;outline-color:rgba(0,42,58,.22)}
[data-tema="lys"] .vegg-hint{color:#33545F}
[data-tema="lys"] .stemmer blockquote{background:#F4F6F5}
[data-tema="lys"] .kontakt .hjelp-sp{color:var(--ink0)}
[data-tema="lys"] .video-knapp{color:var(--ink0)}
[data-tema="lys"] .oversikt{background:#fff;color:var(--ink0);position:relative;z-index:4}
[data-tema="lys"] .oversikt summary::after{color:var(--gt)}

/* Universell utforming: kontrast (WCAG 2.1 AA). Rettet 13.11.2026 */
[data-tema="lys"] .kontakt em{color:#002A3A}