/* ==========================================================================
   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: 6px; --r-3: 10px;
  --tid-1: 90ms; --tid-2: 140ms; --tid-3: 180ms;
  --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;
  --topplinje: 52px;
  --chat-bredde: 380px;
  --chat-bredde-minst: 320px;
  --chat-bredde-mest: 560px;
  --innhold-minst: 375px;
  --hovedmeny: 190px;
  --hovedmeny-minst: 154px;
  --undermeny: 190px;
  --knapper-mac: 78px;
  --brand:       #0E1B4D;
  --brand-rgb:   14 27 77;
  --brand-hover: #16265F;
  --brand-blekk: #FFFFFF;
  --brand-tekst: #2B5CE0;
  --paper:  #F5F5F5;
  --flate:  #FFFFFF;
  --flate-2:#F0F0F0;
  --flate-3:#EAEAEA;
  --line:   #E5E5E5;
  --line-2: #D9D9D9;
  --line-3: #C3C3C3;
  --ink:    #1A1A1A;
  --ink-2:  #383838;
  --ink-3:  #6B6B6B;
  --gronn:  #1B6B3A;
  --rod:    #9B2226;
  --amber:  #8A5B00;
  --violett:#5B3D8F;
  --relieff: inset 0 1px 0 rgb(255 255 255 / .70);
  --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:   var(--flate-2);
  --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: 6px;
  --lodd-r-3: 10px;
  --lodd-tid-1: 90ms;
  --lodd-tid-2: 140ms;
  --lodd-tid-3: 180ms;
  --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-topplinje: 52px;
  --lodd-chat-bredde: 380px;
  --lodd-chat-bredde-minst: 320px;
  --lodd-chat-bredde-mest: 560px;
  --lodd-innhold-minst: 375px;
  --lodd-hovedmeny: 190px;
  --lodd-hovedmeny-minst: 154px;
  --lodd-undermeny: 190px;
  --lodd-knapper-mac: 78px;
  --lodd-brand:       #0E1B4D;
  --lodd-brand-rgb:   14 27 77;
  --lodd-brand-hover: #16265F;
  --lodd-brand-blekk: #FFFFFF;
  --lodd-brand-tekst: #2B5CE0;
  --lodd-paper:  #F5F5F5;
  --lodd-flate:  #FFFFFF;
  --lodd-flate-2:#F0F0F0;
  --lodd-flate-3:#EAEAEA;
  --lodd-line:   #E5E5E5;
  --lodd-line-2: #D9D9D9;
  --lodd-line-3: #C3C3C3;
  --lodd-ink:    #1A1A1A;
  --lodd-ink-2:  #383838;
  --lodd-ink-3:  #6B6B6B;
  --lodd-gronn:  #1B6B3A;
  --lodd-rod:    #9B2226;
  --lodd-amber:  #8A5B00;
  --lodd-violett:#5B3D8F;
  --lodd-relieff: inset 0 1px 0 rgb(255 255 255 / .70);
  --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:   var(--flate-2);
  --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"] {
  --brand:       #4C7DFF;
  --brand-rgb:   76 125 255;
  --brand-hover: #6A92FF;
  --brand-blekk: #0A0F1F;
  --brand-tekst: #4C7DFF;
  --paper:  #0A0F1F;
  --flate:  #111728;
  --flate-2:#161D31;
  --flate-3:#1C243A;
  --line:   #1F2739;
  --line-2: #2A3349;
  --line-3: #3A4560;
  --ink:    #E9EEFB;
  --ink-2:  #C3CBE0;
  --ink-3:  #8A93AC;
  --gronn:  #5FD99B;
  --rod:    #F08A85;
  --amber:  #E8B75B;
  --violett:#B79BEC;
  --relieff: inset 0 1px 0 rgb(255 255 255 / .045);
  --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;
  --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-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:  #111728;
  --lodd-flate-2:#161D31;
  --lodd-flate-3:#1C243A;
  --lodd-line:   #1F2739;
  --lodd-line-2: #2A3349;
  --lodd-line-3: #3A4560;
  --lodd-ink:    #E9EEFB;
  --lodd-ink-2:  #C3CBE0;
  --lodd-ink-3:  #8A93AC;
  --lodd-gronn:  #5FD99B;
  --lodd-rod:    #F08A85;
  --lodd-amber:  #E8B75B;
  --lodd-violett:#B79BEC;
  --lodd-relieff: inset 0 1px 0 rgb(255 255 255 / .045);
  --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-festet:     #1E1A12;
  --lodd-omtale:     rgb(76 125 255 / .16);
  --lodd-omtale-meg: #3A2F14;
  --lodd-markert:    #33291A;
  --lodd-rod-paa-morkt: #F08A85;
}