/* FORSIDENS TOKENS - ÉN kilde (regel 11). Flyttet ut av public/xpulse.html 17. sep
   (undersidene bolk 2) så scenekortene (enScene) kan bruke dem på undersidene også.
   xpulse.html lenker denne fila først i <head> og har <html class="xp-forside">,
   så der gjelder de som før (på rota). På undersidene (Next, appens tokens i
   globals.css) gjelder de BARE inni .xp-forside-tokens - aldri på :root: 14 av
   navnene (--card, --line, --line2, --dim, --blue, --gold, --green, --hurt,
   --orange, --i1..--i5) finnes også i appen, og et AppFragment utenfor
   wrapperen skal ha appens verdier.
   Mørkverdiene er eksakt de som sto inline (vakt 1); lys under. */
.xp-forside,.xp-forside-tokens{
  /* Runde 3: app-flatene inni scenene (app/globals.css, mørk) */
  --a-flate:#0A0A0B;--a-card:#101014;--a-card2:#15151B;--a-graf:#13131A;--a-felt:#1A1A22;
  --a-line:#1F1F26;--a-line2:#2A2A33;--a-kant:#1E1E22;
  --a-ink:#F0F0F2;--a-ink3:#C0C0CC;--a-mut:#8A8A96;--a-mute:#55555F;
  --tile:#0F0F13;--tile-kant:rgba(255,255,255,.07);
  --kontroll:rgba(38,38,46,.72);--kontroll-ink:#F2F2F0;
  --bg:#0D0D11; --surface:#101014; --card:#15151B; --line:#1F1F26; --line2:#2A2A33;
  --paper:#F2F2F0; --dim:#8B8B95; --mute:#55555F;
  --orange:#FF4500; --blue:#1A6FD4; --gold:#D4A017; --green:#28A86E; --red:#E23A5A;
  --i1:#28A86E; --i2:#1A6FD4; --i3:#E8B93C; --i4:#FF8C00; --i5:#E23A5A; --hurt:#8B5CF6;
  /* Merkefarger til klokkesynk-raden. --strava er verifisert mot Stravas
     brand guidelines; --polar er anslag til den offisielle verdien foreligger. */
  --strava:#FC5200; --polar:#E4002B;
  /* Utvidet noytralsett for lysmodus. Morkverdiene er EKSAKT de som
     alt stod hardkodet i denne fila - vakt 1. Landingssida har sitt
     EGET sett; det skal ikke forenes med appens. */
  --hvit:#FFFFFF;
  --paper2:#F2F0EC;
  --dim2:#8A8A96;
  --mute2:#555560;
  --mute3:#4A4A54;
  --mute4:#3A3A44;
  --line3:#2A2A30;
  --line4:#34343E;
  --line5:#26262E;
  --line6:#262629;
  --line7:#22222A;
  --line8:#1A1A1E;
  --surface2:#1E1E26;
  --bg2:#14141A;
  --bg3:#141419;
  --bg4:#141417;
  --bg5:#121216;
  --bg6:#12121A;
  --bg7:#0B0B0F;
  --bg8:#0A0A0D;
  --bg9:#09090C;
  --paper-rgb:242 240 236;
  --hvit-rgb:255 255 255;
  --tonet-oransje:#17110C;
}
/* LYSMODUS - kartlegging: design/lysmodus-kartlegging.md, tvil: design/lysmodus-tvil.md.
   Kun nøytraler; --orange, --blue, --gold, --green, --red, sonefargene og merkefargene
   gjelder i begge tema. Verdiene er speilet lyshet (L -> 1-L i HSL), som i appen. */
.xp-forside[data-tema="lys"],[data-tema="lys"] .xp-forside-tokens{
  /* Runde 3: app-flatene inni scenene, lys */
  --a-flate:#F4F4F6;--a-card:#FFFFFF;--a-card2:#F4F4F7;--a-graf:#F7F7FA;--a-felt:#EDEDF2;
  --a-line:#D9D9E0;--a-line2:#CCCCD5;--a-kant:#DEDEE5;
  --a-ink:#101014;--a-ink3:#33333B;--a-mut:#6A6A74;--a-mute:#9A9AA4;
  --tile:#FFFFFF;--tile-kant:rgba(0,0,0,.07);
  --kontroll:rgba(255,255,255,.8);--kontroll-ink:#101014;
  --bg:#EEEEF2;
  --surface:#EBEBEF;
  --card:#E4E4EA;
  --line:#D9D9E0;
  --line2:#CCCCD5;
  --paper:#0F0F0D;
  --dim:#6A6A74;
  --mute:#A0A0AA;
  --darker:#F4F4F5;
  --mid:#ECECEE;
  --hvit:#000000;
  --paper2:#13110D;
  --dim2:#696975;
  --mute2:#9F9FAA;
  --mute3:#ABABB5;
  --mute4:#BBBBC5;
  --line3:#CFCFD5;
  --line4:#C1C1CB;
  --line5:#D1D1D9;
  --line6:#D6D6D9;
  --line7:#D5D5DD;
  --line8:#E1E1E5;
  --surface2:#D9D9E1;
  --bg2:#E5E5EB;
  --bg3:#E6E6EB;
  --bg4:#E8E8EB;
  --bg5:#E9E9ED;
  --bg6:#E5E5ED;
  --bg7:#F0F0F4;
  --bg8:#F2F2F5;
  --bg9:#F3F3F6;
  --paper-rgb:19 17 13;
  --hvit-rgb:0 0 0;
  --tonet-oransje:#F3EDE8;
}