/* GENERERAD av scripts/tokens.mjs ur designsystem/tokens.json. Ändra inte här. */
:root{
  --navy:#13213A;
  --gold:#DA9A35;
  --gold-ink:#9A6512;
  --gold-ljus:#E9B865;
  --bg:#FFFFFF;
  --panel:#F3F5F8;
  --sand:#FBF0DB;
  --sky:#DCE6F2;
  --text:#13213A;
  --muted:#566175;
  --hair:#DCE1E8;
  --line:#13213A;
  --btn-bg:#13213A;
  --btn-text:#FFFFFF;
  --focus:#9A6512;
  --ok:#2E6B4A;
  --fel:#A3322B;
  --f-enskilt:#DA9A35;
  --f-par:#EDCB91;
  --f-grupp:#13213A;
  --f-helklass:#626E84;
  --shadow-paper:0 1px 2px rgba(19,33,58,.18), 0 18px 40px -18px rgba(19,33,58,.35);
  --shadow-lift:0 14px 30px -18px rgba(19,33,58,.5);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:40px;
  --space-8:56px;
  --space-9:64px;
  --space-10:72px;
  --radius-0:0px;
  --radius-1:2px;
  --radius-2:3px;
  --radius-d:31px;
  --radius-round:50%;
  --wrap:1120px;
  --gutter:32px;
  --bp-tablet:860px;
  --bp-mobile:520px;
  --measure:40em;
  --corner-clip:polygon(0 61%, 100% 0, 100% 100%, 0 100%);
  --corner-ratio:4 / 5;
  --font-sans:'Outfit', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif:'Newsreader', Georgia, 'Times New Roman', serif;
  --font-elev:'Atkinson Hyperlegible Next', 'Outfit', ui-sans-serif, system-ui, sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --navy:#13213A;
  --gold:#DA9A35;
  --gold-ink:#E3AE57;
  --gold-ljus:#C9A46A;
  --bg:#0D1628;
  --panel:#15213A;
  --sand:#2A2617;
  --sky:#1E2C47;
  --text:#E7ECF3;
  --muted:#9AA6BA;
  --hair:#26344F;
  --line:#E7ECF3;
  --btn-bg:#E7ECF3;
  --btn-text:#0D1628;
  --focus:#E3AE57;
  --ok:#7FC79F;
  --fel:#F2948A;
  --f-enskilt:#DA9A35;
  --f-par:#C9A46A;
  --f-grupp:#E7ECF3;
  --f-helklass:#56627A;
  --shadow-paper:0 1px 2px rgba(0,0,0,.4), 0 18px 40px -18px rgba(0,0,0,.6);
  --shadow-lift:0 14px 30px -18px rgba(0,0,0,.7);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --navy:#13213A;
  --gold:#DA9A35;
  --gold-ink:#E3AE57;
  --gold-ljus:#C9A46A;
  --bg:#0D1628;
  --panel:#15213A;
  --sand:#2A2617;
  --sky:#1E2C47;
  --text:#E7ECF3;
  --muted:#9AA6BA;
  --hair:#26344F;
  --line:#E7ECF3;
  --btn-bg:#E7ECF3;
  --btn-text:#0D1628;
  --focus:#E3AE57;
  --ok:#7FC79F;
  --fel:#F2948A;
  --f-enskilt:#DA9A35;
  --f-par:#C9A46A;
  --f-grupp:#E7ECF3;
  --f-helklass:#56627A;
  --shadow-paper:0 1px 2px rgba(0,0,0,.4), 0 18px 40px -18px rgba(0,0,0,.6);
  --shadow-lift:0 14px 30px -18px rgba(0,0,0,.7);
  color-scheme:dark;
}