/* Aha! – ett tema per stadium, för hela plattformen.
   Samma HTML, fyra uttryck: attributet data-stadium på <html> byter variablerna.
   Varje tema är en egen, bestämd färgvärld och följer inte webbläsarens mörka läge. */

:root[data-stadium="lagstadiet"] {
  --bg: #FFF1C2;
  --yta-2: #FFF6D9;
  --text-2: #4F4A36;
  --linje: #E0C97A;
  --accent: #14213D;
  --accent-text: #FFFFFF;
  --accent-svag: #FFE08A;
  --sol: #F58A4B;
  --sol-svag: #FBD0B6;
  --stapel-0: #FFD466;
  --stapel-1: #F58A4B;
  --stapel-2: #14213D;
  --rutnat: #F7E3A0;
  --radie: 28px;
  --radie-liten: 18px;
  --kantbredd: 3px;
  --storlek: 20px;
}

:root[data-stadium="mellanstadiet"] {
  --bg: #FDE4D5;
  --yta-2: #FDF0E8;
  --text-2: #5A4A42;
  --linje: #EDBFA6;
  --accent: #14213D;
  --accent-text: #FFFFFF;
  --accent-svag: #FBD0B6;
  --sol: #F58A4B;
  --sol-svag: #FFE9B0;
  --stapel-0: #F9C4A4;
  --stapel-1: #F58A4B;
  --stapel-2: #A9441A;
  --rutnat: #F8D3BF;
  --radie: 22px;
  --radie-liten: 14px;
  --storlek: 18px;
}

:root[data-stadium="hogstadiet"] {
  --bg: #E6ECFD;
  --yta-2: #F0F3FC;
  --linje: #C3CBDF;
  --rutnat: #D5DDF5;
  --radie: 14px;
  --radie-liten: 10px;
  --rubrik-vikt: 700;
}

:root[data-stadium="gymnasiet"] {
  --bg: #14213D;
  --yta: #1D2C4F;
  --yta-2: #14213D;
  --text: #FFFFFF;
  --text-2: #C3CBDF;
  --linje: #5C6C96;
  --kant: #8FA0CC;
  --accent: #FFC43D;
  --accent-text: #14213D;
  --accent-svag: #2D3F6E;
  --accent-svag-text: #FFFFFF;
  --sol: #FFC43D;
  --sol-text: #14213D;
  --sol-svag: #3A3320;
  --sol-svag-text: #FFE9B0;
  --stapel-0: #5C6C96;
  --stapel-1: #8FA0CC;
  --stapel-2: #FFC43D;
  --rutnat: #1D2C4F;
  --radie: 6px;
  --radie-liten: 4px;
  --kantbredd: 1px;
  --rubrik-vikt: 600;
  color-scheme: dark;
}