:root.ue{
    /* ---Endre dette for å definere ungRedaksjon----- */

  --bg-ungBrus: linear-gradient(180deg, #FFD642 0%, #FFA800 100%);
  --bg-pale: #FFFCE2;
  --bg-light: #FFF8BF;
  --bg-midtone: var(--ue-midtone);
  --bg-main: var(--ue-main);
  --bg-dark: #E38500;




  --admin-light: #FFFBF0;
  --admin-light-alt: #FFFCE2;
  --admin-mid: #FFFACF;
}

:root.un {
  --bg-ungBrus: linear-gradient(180deg, #B4F2AB 0%, var(--un-main) 100%);
  --bg-pale: #E9FFE2;
  --bg-light: #B4F2AB;
  --bg-midtone: var(--un-midtone);
  --bg-main: var(--un-main);
  --bg-dark: #316D38;

  --admin-light: #F5F8DE;
  --admin-light-alt: #EDF4BB;
  --admin-mid: #D6F8BE;

  --text-main: #321E00;
}

:root.uk {
  --bg-ungBrus: linear-gradient(180deg, #A1E6F4 0%, var(--uk-main) 100%);
  --bg-pale: #C8F8FF;
  --bg-light: #76FFFB;
  --bg-midtone: var(--uk-midtone);
  --bg-main: var(--uk-main);
  --bg-dark: #0117FF;

  --admin-light: #EFFDFF;
  --admin-light-alt: #C8F8FF;
  --admin-mid: #B3F6FF;
}

:root {
  --ue-main: #FFD642;
  --ue-midtone: #FFEA97;
  /*
  --uk-main: #5BDE9D;
  --uk-midtone: #98EC93;
  */
  --un-main: #42B45E;
  --un-midtone: #72D97B;
  --uk-main: #1DA1FF;
  --uk-midtone: #4ADDFF;

  /* ---Endre dette for å definere ungRedaksjon----- */

  --bg-ungBrus: linear-gradient(180deg, #B9F28C 0%, #5BDE9D 100%);
  --bg-pale: #EBFFEC; 
  --bg-light: #D6FFC4;
  --bg-midtone: var(--uk-midtone);
  --bg-main: var(--uk-main);
  --bg-dark: #00BF60;
  --bg-white: #fff;




  --admin-light: #F9FFFC;
  --admin-light-alt: #EBFFEC;
  --admin-mid: #E0FFE2;




  --btn-default: var(--bg-main);
  --btn-default-hover: var(--bg-midtone);
  --btn-light: var(--bg-midtone);
  --btn-light-hover: var(--bg-main);
  --btn-default-white: #ffffff;


  /* --------------------------------------------------- */


  --text-main: #280D65;
  --text-white: #fff;
  --text-neutral: #666;

  --badge-error: #FF9776;
  --badge-warning: #FFEA97;
  --badge-new: #98EC93;
  --badge-subtle: var(--bg-pale);
  --badge-error-dark: #FF7F57;

  --form-warning: #FFD642;
  --form-active: #280D65;
  --form-error: #E2255E;
  --form-success: #00BF60;
  --form-placeholder: #A3A3A3;
  --form-default: #D3D3D3;
  --form-bg-default: #fff;


/* 
  --admin-light: #FAF9FF;
  --admin-light-alt: #F6F3FF; */

  --admin-shadow: 0px 0px 16px 0px rgba(40, 13, 101, 0.05);
  --admin-shadow-darker: 0px 0px 8px 0px rgba(40, 13, 101, 0.1);

  --border-radius-xs: 0.5rem;
  --border-radius-s: 0.75rem;
  --border-radius-m: 1rem;
  --border-radius-l: 2rem;

  --border-focus: 4px;
  --dotted: dotted var(--spacing-xxs) var(--text-main);
  --dottedWhite: dotted var(--spacing-xxs) var(--text-white);



  --spacing-xxs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-s: 0.75rem;
  --spacing-m: 1rem;
  --spacing-l: 1.5rem;
  --spacing-xl: 2.25rem;
  --spacing-xxl: 4rem;
  --spacing-3xl: 6rem;
  --spacing-4xl: 8rem;
  --spacing-5xl: 16rem;

  --max-width-section: 800px;
  --max-width-text: 640px;
  --max-width-wide: 1200px;
  --max-width-ultrawide: 1440px;

  --breakpoint-wideDesktop: 1440px;
  --breakpoint-laptop: 1080px;
  --breakpoint-tablet: 800px;
  --breakpoint-mobile: 380px;



  font-family: 'Atkinson Hyperlegible', sans-serif;

  --T1: 1.125rem;
  --T2: 1rem;
  --T3: 0.875rem;
  --T4: 0.75rem;

  --h1: 3.75rem;
  --h2: 2.25rem;
  --h3: 1.5rem;
  --h4: 1.125rem;
  --h5: 1rem;
  --h6: 0.875rem;

  --lineheight-T1: 1.875rem;
  --lineheight-link: 1.625rem;

  --lineheight-H1: 120%;
  --lineheight-H2: 120%;
  --lineheight-H3: 155%;
  --lineheight-H4: 1.5rem;
  --lineheight-H5: 170%;
  --lineheight-H6: 170%;

  --transition-default: 300ms;

}