/* ==========================================================================
   LODDS TOKENS, OG BARE DEM.

   Skrevet av del-lodd.sh i nordiva-os. IKKE REDIGER FOR HÅND.

   Hvorfor denne finnes: videoportalen og kreatørpanelet har sine egne
   variabelsett, og de har drevet fra Lodd. Å laste hele lodd.css der ville
   tatt med rundt tre tusen linjer komponentregler som kolliderer med deres
   egne. Denne fila har ingen komponentregler. Den har bare verdiene, så et
   system kan peke sine egne navn på dem og arve paletten uten risiko.

   Lastes FØR modulens egne stilark, så modulen kan overstyre det den må.
   ========================================================================== */

:root, [data-tema="lys"] {
  --font-ui:      'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --t-1: 11px;  --t-1-h: 16px;
  --t-2: 12px;  --t-2-h: 18px;
  --t-3: 13px;  --t-3-h: 20px;
  --t-4: 15px;  --t-4-h: 22px;
  --t-5: 17px;  --t-5-h: 26px;
  --t-6: 20px;  --t-6-h: 26px;
  --t-7: 26px;  --t-7-h: 32px;
  --t-8: 34px;  --t-8-h: 40px;
  --s-1: 2px;  --s-2: 4px;  --s-3: 8px;  --s-4: 12px;
  --s-5: 16px; --s-6: 24px; --s-7: 32px; --s-8: 48px;
  --r-1: 3px; --r-2: 8px; --r-3: 12px; --r-4: 16px;
  --tid-1: 90ms; --tid-2: 140ms; --tid-3: 180ms;
  --tid-4: 240ms; --tid-5: 900ms; --tid-6: 2400ms;
  --kurve:     cubic-bezier(.2, 0, 0, 1);
  --kurve-mot: cubic-bezier(.32, .72, 0, 1);
  --kurve-ut:  cubic-bezier(.4, 0, 1, 1);
  --marg: 72px;
  --inn: 16px;
  --rute-bredde: 480px;
  --loft: scale(1.02);
  --kolonne-bredde: 280px;
  --framdrift-bredde: 40px;
  --topplinje: 52px;
  --chat-bredde: 380px;
  --chat-bredde-minst: 320px;
  --chat-bredde-mest: 560px;
  --innhold-minst: 375px;
  --hovedmeny: 240px;
  --fane-strek: 2px;
  --menypunkt: 36px;
  --ikon: 18px;
  --sokefelt: 360px;
  --skuff: 280px;
  --kompis: 44px;
  --kompis-bredde: 132px;
  --h1-font: var(--font-ui);
  --etikett-font: var(--font-ui);
  --knapper-mac: 78px;
  --diagram-h: 120px;
  --diagram-h-liten: 40px;
  --strek: 8px;
  --strek-tynn: 2px;
  --punkt: 6px;
  --ring: 112px;
  --ring-liten: 56px;
  --ring-tykk: 12px;
  --ring-tykk-liten: 6px;
  --rute: 14px;
  --rute-liten: 12px;
  --lok-celle: 150px;
  --maaler-h: 10px;
  --maaler-punkt: 16px;
  --farge-merke: 10px;
  --setning-bredde: 360px;
  --marked-tall: 96px;
  --finger: 44px;
  --diagram-fyll: rgb(var(--brand-rgb) / .08);
  --diagram-mottatt: rgb(var(--brand-rgb) / .18);
  --varme-1: rgb(var(--brand-rgb) / .12);
  --varme-2: rgb(var(--brand-rgb) / .3);
  --varme-3: rgb(var(--brand-rgb) / .55);
  --varme-4: rgb(var(--brand-rgb) / .85);
  --brand:       #0E1B4D;
  --brand-rgb:   14 27 77;
  --brand-hover: #16265F;
  --brand-blekk: #FFFFFF;
  --brand-tekst: #2B5CE0;
  --paper:  #F1F1F1;
  --flate:  #FFFFFF;
  --flate-2:#F4F4F4;
  --flate-3:#E6E6E6;
  --line:   #E5E5E5;
  --line-2: #D9D9D9;
  --line-3: #C3C3C3;
  --ink:    #1A1A1A;
  --ink-2:  #3B3B3B;
  --ink-3:  #5D5D5D;
  --gronn:  #1B6B3A;
  --rod:    #9B2226;
  --amber:  #8A5B00;
  --violett:#5B3D8F;
  --brand-svak: rgb(14 27 77 / .08);
  --amber-svak: #FBF1D9;
  --gronn-svak: #E3F1E8;
  --rod-svak:   #F9E3E3;
  --relieff: inset 0 1px 0 rgb(255 255 255 / .70);
  --over-lett: 0 1px 0 rgb(0 0 0 / .04), 0 1px 3px rgb(0 0 0 / .07);
  --kort-strek: transparent;
  --over:    0 1px 2px rgb(14 27 77 / .08), 0 8px 24px rgb(14 27 77 / .12);
  --teppe:   rgb(10 15 31 / .38);
  --handtak: rgb(14 27 77 / .35);
  --fokus:   0 0 0 1px var(--flate), 0 0 0 3px rgb(var(--brand-rgb) / .38);
  --skjerm: #14161C;
  --person-0: #0E1B4D;
  --person-1: #1F7A5A;
  --person-2: #A46717;
  --person-3: #6B4FC8;
  --person-4: #257DA1;
  --person-5: #C2457A;
  --sidefelt:   #EBEBEB;
  --sidefelt-hover: #E0E0E0;
  --festet:     #FBF5E6;
  --omtale:     rgb(14 27 77 / .08);
  --omtale-meg: #FCEFCB;
  --markert:    #FCF0D2;
  --rod-paa-morkt: #F08A85;

  /* De samme verdiene med prefiks. Se kommentaren i lag-tokenfil.py. */
  --lodd-font-ui:      'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --lodd-font-mono:    'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --lodd-font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --lodd-t-1: 11px;
  --lodd-t-1-h: 16px;
  --lodd-t-2: 12px;
  --lodd-t-2-h: 18px;
  --lodd-t-3: 13px;
  --lodd-t-3-h: 20px;
  --lodd-t-4: 15px;
  --lodd-t-4-h: 22px;
  --lodd-t-5: 17px;
  --lodd-t-5-h: 26px;
  --lodd-t-6: 20px;
  --lodd-t-6-h: 26px;
  --lodd-t-7: 26px;
  --lodd-t-7-h: 32px;
  --lodd-t-8: 34px;
  --lodd-t-8-h: 40px;
  --lodd-s-1: 2px;
  --lodd-s-2: 4px;
  --lodd-s-3: 8px;
  --lodd-s-4: 12px;
  --lodd-s-5: 16px;
  --lodd-s-6: 24px;
  --lodd-s-7: 32px;
  --lodd-s-8: 48px;
  --lodd-r-1: 3px;
  --lodd-r-2: 8px;
  --lodd-r-3: 12px;
  --lodd-r-4: 16px;
  --lodd-tid-1: 90ms;
  --lodd-tid-2: 140ms;
  --lodd-tid-3: 180ms;
  --lodd-tid-4: 240ms;
  --lodd-tid-5: 900ms;
  --lodd-tid-6: 2400ms;
  --lodd-kurve:     cubic-bezier(.2, 0, 0, 1);
  --lodd-kurve-mot: cubic-bezier(.32, .72, 0, 1);
  --lodd-kurve-ut:  cubic-bezier(.4, 0, 1, 1);
  --lodd-marg: 72px;
  --lodd-inn: 16px;
  --lodd-rute-bredde: 480px;
  --lodd-loft: scale(1.02);
  --lodd-kolonne-bredde: 280px;
  --lodd-framdrift-bredde: 40px;
  --lodd-topplinje: 52px;
  --lodd-chat-bredde: 380px;
  --lodd-chat-bredde-minst: 320px;
  --lodd-chat-bredde-mest: 560px;
  --lodd-innhold-minst: 375px;
  --lodd-hovedmeny: 240px;
  --lodd-fane-strek: 2px;
  --lodd-menypunkt: 36px;
  --lodd-ikon: 18px;
  --lodd-sokefelt: 360px;
  --lodd-skuff: 280px;
  --lodd-kompis: 44px;
  --lodd-kompis-bredde: 132px;
  --lodd-h1-font: var(--font-ui);
  --lodd-etikett-font: var(--font-ui);
  --lodd-knapper-mac: 78px;
  --lodd-diagram-h: 120px;
  --lodd-diagram-h-liten: 40px;
  --lodd-strek: 8px;
  --lodd-strek-tynn: 2px;
  --lodd-punkt: 6px;
  --lodd-ring: 112px;
  --lodd-ring-liten: 56px;
  --lodd-ring-tykk: 12px;
  --lodd-ring-tykk-liten: 6px;
  --lodd-rute: 14px;
  --lodd-rute-liten: 12px;
  --lodd-lok-celle: 150px;
  --lodd-maaler-h: 10px;
  --lodd-maaler-punkt: 16px;
  --lodd-farge-merke: 10px;
  --lodd-setning-bredde: 360px;
  --lodd-marked-tall: 96px;
  --lodd-finger: 44px;
  --lodd-diagram-fyll: rgb(var(--brand-rgb) / .08);
  --lodd-diagram-mottatt: rgb(var(--brand-rgb) / .18);
  --lodd-varme-1: rgb(var(--brand-rgb) / .12);
  --lodd-varme-2: rgb(var(--brand-rgb) / .3);
  --lodd-varme-3: rgb(var(--brand-rgb) / .55);
  --lodd-varme-4: rgb(var(--brand-rgb) / .85);
  --lodd-brand:       #0E1B4D;
  --lodd-brand-rgb:   14 27 77;
  --lodd-brand-hover: #16265F;
  --lodd-brand-blekk: #FFFFFF;
  --lodd-brand-tekst: #2B5CE0;
  --lodd-paper:  #F1F1F1;
  --lodd-flate:  #FFFFFF;
  --lodd-flate-2:#F4F4F4;
  --lodd-flate-3:#E6E6E6;
  --lodd-line:   #E5E5E5;
  --lodd-line-2: #D9D9D9;
  --lodd-line-3: #C3C3C3;
  --lodd-ink:    #1A1A1A;
  --lodd-ink-2:  #3B3B3B;
  --lodd-ink-3:  #5D5D5D;
  --lodd-gronn:  #1B6B3A;
  --lodd-rod:    #9B2226;
  --lodd-amber:  #8A5B00;
  --lodd-violett:#5B3D8F;
  --lodd-brand-svak: rgb(14 27 77 / .08);
  --lodd-amber-svak: #FBF1D9;
  --lodd-gronn-svak: #E3F1E8;
  --lodd-rod-svak:   #F9E3E3;
  --lodd-relieff: inset 0 1px 0 rgb(255 255 255 / .70);
  --lodd-over-lett: 0 1px 0 rgb(0 0 0 / .04), 0 1px 3px rgb(0 0 0 / .07);
  --lodd-kort-strek: transparent;
  --lodd-over:    0 1px 2px rgb(14 27 77 / .08), 0 8px 24px rgb(14 27 77 / .12);
  --lodd-teppe:   rgb(10 15 31 / .38);
  --lodd-handtak: rgb(14 27 77 / .35);
  --lodd-fokus:   0 0 0 1px var(--flate), 0 0 0 3px rgb(var(--brand-rgb) / .38);
  --lodd-skjerm: #14161C;
  --lodd-person-0: #0E1B4D;
  --lodd-person-1: #1F7A5A;
  --lodd-person-2: #A46717;
  --lodd-person-3: #6B4FC8;
  --lodd-person-4: #257DA1;
  --lodd-person-5: #C2457A;
  --lodd-sidefelt:   #EBEBEB;
  --lodd-sidefelt-hover: #E0E0E0;
  --lodd-festet:     #FBF5E6;
  --lodd-omtale:     rgb(14 27 77 / .08);
  --lodd-omtale-meg: #FCEFCB;
  --lodd-markert:    #FCF0D2;
  --lodd-rod-paa-morkt: #F08A85;
}

:root[data-tema="mork"], [data-tema="mork"] {
  --varme-1: rgb(var(--brand-rgb) / .18);
  --varme-2: rgb(var(--brand-rgb) / .38);
  --varme-3: rgb(var(--brand-rgb) / .62);
  --varme-4: rgb(var(--brand-rgb) / .95);
  --brand:       #4C7DFF;
  --brand-rgb:   76 125 255;
  --brand-hover: #6A92FF;
  --brand-blekk: #0A0F1F;
  --brand-tekst: #4C7DFF;
  --paper:  #0A0F1F;
  --flate:  #141B2E;
  --flate-2:#1A2238;
  --flate-3:#212B44;
  --line:   #1F2739;
  --line-2: #2A3349;
  --line-3: #3A4560;
  --ink:    #E9EEFB;
  --ink-2:  #C3CBE0;
  --ink-3:  #939CB5;
  --gronn:  #5FD99B;
  --rod:    #F08A85;
  --amber:  #E8B75B;
  --violett:#B79BEC;
  --brand-svak: rgb(76 125 255 / .16);
  --amber-svak: #2C2410;
  --gronn-svak: #12301F;
  --rod-svak:   #33181A;
  --relieff: inset 0 1px 0 rgb(255 255 255 / .045);
  --over-lett: 0 0 0 1px var(--line);
  --kort-strek: var(--line);
  --over:    0 1px 2px rgb(0 0 0 / .45), 0 8px 24px rgb(0 0 0 / .38);
  --teppe:   rgb(10 15 31 / .38);
  --handtak: rgb(76 125 255 / .35);
  --fokus:   0 0 0 1px var(--flate), 0 0 0 3px rgb(var(--brand-rgb) / .45);
  --skjerm: #05091C;
  --person-0: #4C7DFF;
  --person-1: #3DB58A;
  --person-2: #D99A3E;
  --person-3: #9579E6;
  --person-4: #45AED6;
  --person-5: #DD6A9C;
  --sidefelt:   #0D1326;
  --sidefelt-hover: #1A2238;
  --festet:     #1E1A12;
  --omtale:     rgb(76 125 255 / .16);
  --omtale-meg: #3A2F14;
  --markert:    #33291A;
  --rod-paa-morkt: #F08A85;

  /* De samme verdiene med prefiks. Se kommentaren i lag-tokenfil.py. */
  --lodd-varme-1: rgb(var(--brand-rgb) / .18);
  --lodd-varme-2: rgb(var(--brand-rgb) / .38);
  --lodd-varme-3: rgb(var(--brand-rgb) / .62);
  --lodd-varme-4: rgb(var(--brand-rgb) / .95);
  --lodd-brand:       #4C7DFF;
  --lodd-brand-rgb:   76 125 255;
  --lodd-brand-hover: #6A92FF;
  --lodd-brand-blekk: #0A0F1F;
  --lodd-brand-tekst: #4C7DFF;
  --lodd-paper:  #0A0F1F;
  --lodd-flate:  #141B2E;
  --lodd-flate-2:#1A2238;
  --lodd-flate-3:#212B44;
  --lodd-line:   #1F2739;
  --lodd-line-2: #2A3349;
  --lodd-line-3: #3A4560;
  --lodd-ink:    #E9EEFB;
  --lodd-ink-2:  #C3CBE0;
  --lodd-ink-3:  #939CB5;
  --lodd-gronn:  #5FD99B;
  --lodd-rod:    #F08A85;
  --lodd-amber:  #E8B75B;
  --lodd-violett:#B79BEC;
  --lodd-brand-svak: rgb(76 125 255 / .16);
  --lodd-amber-svak: #2C2410;
  --lodd-gronn-svak: #12301F;
  --lodd-rod-svak:   #33181A;
  --lodd-relieff: inset 0 1px 0 rgb(255 255 255 / .045);
  --lodd-over-lett: 0 0 0 1px var(--line);
  --lodd-kort-strek: var(--line);
  --lodd-over:    0 1px 2px rgb(0 0 0 / .45), 0 8px 24px rgb(0 0 0 / .38);
  --lodd-teppe:   rgb(10 15 31 / .38);
  --lodd-handtak: rgb(76 125 255 / .35);
  --lodd-fokus:   0 0 0 1px var(--flate), 0 0 0 3px rgb(var(--brand-rgb) / .45);
  --lodd-skjerm: #05091C;
  --lodd-person-0: #4C7DFF;
  --lodd-person-1: #3DB58A;
  --lodd-person-2: #D99A3E;
  --lodd-person-3: #9579E6;
  --lodd-person-4: #45AED6;
  --lodd-person-5: #DD6A9C;
  --lodd-sidefelt:   #0D1326;
  --lodd-sidefelt-hover: #1A2238;
  --lodd-festet:     #1E1A12;
  --lodd-omtale:     rgb(76 125 255 / .16);
  --lodd-omtale-meg: #3A2F14;
  --lodd-markert:    #33291A;
  --lodd-rod-paa-morkt: #F08A85;
}