/* /public/assets/css/base.css */
:root{
  --qmk-bg: #0a0d12;
  --qmk-text: rgba(255,255,255,.92);
}

@font-face{
  font-family: "Inter";
  src: url("/assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Inter";
  src: url("/assets/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Inter";
  src: url("/assets/fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

*{ box-sizing: border-box; }
html, body{
  background: var(--qmk-bg);
  color: var(--qmk-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.qmk-page{
  /* Header sitzt "oben drüber"; Pages können trotzdem full-bleed sein */
  min-height: 100vh;
}