/* Wiet Kwekerij — Basis: kleuren en lettertypes (variabelen), reset, laadscherm.
   Volgorde van laden staat in index.html; die bepaalt mee welke regel wint. */

:root{
  --bg:#0a0a0b;
  --panel-bg:#131315;
  --border:#26272b;
  --green:#4caf6a;
  --red:#ef4a3d;
  --gold:#e8b923;
  --text:#f2f1ea;
  --text-dim:#6c6b64;
  --card-bg:#17181b;
  --card-border:#26272b;
  --font-head:'Space Grotesk',sans-serif;
  --font-body:'Public Sans',sans-serif;
  --font-mono:'JetBrains Mono',Consolas,'Courier New',monospace;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);color:var(--text);
  font-family:var(--font-body);
  min-height:100vh;
}
button{font-family:inherit;}
:focus-visible{outline:2px solid var(--green);outline-offset:2px;}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:.95rem;}
.cursor{display:inline-block;width:8px;height:14px;background:var(--green);margin-left:4px;animation:blink 1s steps(1) infinite;}
@keyframes blink{50%{opacity:0;}}