/* Globale Basis: Design-Tokens, Reset, Layout-Container */
:root {
  color-scheme:dark;

  /* Flächen: warmes Dunkelgrau statt Schwarz */
  --bg:#1b1b1a;
  --surface:#232322;
  --panel:#282827;
  --raised:#31312f;
  --raised-hover:#393936;
  --sunken:#171716;

  /* Linien */
  --line:#363634;
  --line-strong:#474744;
  --line-hover:#5f5e59;

  /* Text */
  --ink:#ebe9e4;
  --sub:#aaa79f;
  --faint:#7e7b74;

  /* Akzent: Smaragd, die Währung der Villager */
  --accent:#2f9e5f;
  --accent-hover:#36b06b;
  --accent-ink:#7bd3a0;
  --accent-soft:rgba(47,158,95,.14);
  --accent-line:rgba(47,158,95,.5);
  --on-accent:#ffffff;

  --danger:#f2867c;

  /* Minecraft-GUI im Dunkelmodus: gleiche 3D-Kanten, dunkle Töne */
  --mc-gui:#353533;
  --mc-gui-light:#4f4f4c;
  --mc-gui-shade:#1d1d1c;
  --mc-dark:#0e0e0d;
  --mc-slot:#232322;
  --mc-slot-hover:#2f2f2d;
  --mc-slot-shadow:#0e0e0d;
  --mc-slot-light:#4a4a47;
  --mc-text:#cfcdc6;
  --mc-arrow:#6b6b67;

  /* Alte Namen, damit ältere Styles weiter funktionieren */
  --orange:var(--accent);
  --yellow:var(--accent-ink);

  --radius-sm:3px;
  --radius:4px;
  --radius-lg:6px;
  --font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:ui-monospace,'Cascadia Mono',Consolas,'SF Mono',monospace;
}
* {
  box-sizing:border-box;
}
html {
  -webkit-text-size-adjust:100%;
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:15px/1.55 var(--font);
}
h1,h2,h3,h4 {
  line-height:1.25;
}
a {
  color:var(--accent-ink);
}
button,input,select,textarea {
  font:inherit;
  color:inherit;
}
code {
  font-family:var(--mono);
  font-size:.9em;
}
::selection {
  background:var(--accent-line);
}
[hidden] {
  display:none!important;
}
.hidden {
  display:none!important;
}
.pixel {
  image-rendering:pixelated;
}
.root {
  min-height:100vh;
  display:flex;
  flex-direction:column;
  > main {
    flex:1;
  }
}
.container {
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0 24px;
}
.toast {
  position:fixed;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  background:var(--ink);
  color:var(--surface);
  padding:10px 16px;
  border-radius:var(--radius);
  z-index:200;
}

/* Footer */
.sitefoot {
  margin-top:auto;
  border-top:1px solid var(--line);
  background:var(--surface);
  color:var(--faint);
  font-size:13px;
  .container {
    display:flex;
    justify-content:space-between;
    gap:8px 24px;
    flex-wrap:wrap;
    padding-top:20px;
    padding-bottom:20px;
  }
}