:root{
  --color-ink-night:#101A33;
  --color-surface-night:#182747;
  --color-star:#E7C873;
  --color-historic:#8A93B3;
  --color-sand:#F6F2E9;
  --color-text-light:#1B2233;
  --color-text-dark:#EDEFF7;
  --color-warning:#B4531F;
  --color-route:#5B7FA6;
  --font-head:"Space Grotesk",system-ui,sans-serif;
  --font-body:"Karla",system-ui,sans-serif;
  --fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;
  --fs-22:1.375rem;--fs-28:1.75rem;--fs-36:2.25rem;--fs-48:3rem;
  --max-content:1180px;
  --gutter:24px;
}
@media (max-width:600px){:root{--gutter:16px;}}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--color-sand);
  color:var(--color-text-light);
  font-family:var(--font-body);
  font-size:var(--fs-16);
  line-height:1.55;
  font-variant-numeric:tabular-nums;
}
h1,h2,h3,h4{
  font-family:var(--font-head);
  line-height:1.15;
  margin:0 0 .6em;
  font-weight:700;
}
h1{font-size:var(--fs-36);}
h2{font-size:var(--fs-28);}
h3{font-size:var(--fs-22);}
h4{font-size:var(--fs-18);}
@media (min-width:900px){h1{font-size:var(--fs-48);}}
p,li{max-width:70ch;}
a{color:var(--color-ink-night);text-decoration-thickness:1px;}
a:hover{color:var(--color-star);}
img{max-width:100%;height:auto;display:block;}
button{font-family:var(--font-body);cursor:pointer;}
:focus-visible{outline:2px solid var(--color-star);outline-offset:2px;}
[hidden]{display:none!important;}
.visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.skip-link{
  position:absolute;left:-999px;top:0;background:var(--color-star);
  color:var(--color-ink-night);padding:10px 16px;z-index:1000;font-weight:600;
}
.skip-link:focus{left:8px;top:8px;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --color-sand:#EDE7D8;
  }
}
:root[data-theme="dark"]{
  --color-sand:#EDE7D8;
}