/* Shared design language for every Windrose 3D page.
   Pair with /assets/wh13-eu-truth.js (WH13-EU / X9D13 millimetre model).
   Load this stylesheet LAST so page-local :root cannot drift. */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap");

:root{
  --wr3-bg:#e8edf3;
  --wr3-panel:#ffffff;
  --wr3-ink:#0d1f38;
  --wr3-muted:#64748b;
  --wr3-rule:#e5e9ef;
  --wr3-accent:#1a6abf;
  --wr3-accent-hover:#14548f;
  --wr3-display:"Barlow Condensed",sans-serif;
  --wr3-body:"DM Sans",system-ui,sans-serif;
  --wr3-mono:ui-monospace,"DM Mono",monospace;
  --page:var(--wr3-bg);
  --paper:var(--wr3-bg);
  --card:var(--wr3-panel);
  --ink:var(--wr3-ink);
  --muted:var(--wr3-muted);
  --rule:var(--wr3-rule);
  --accent:var(--wr3-accent);
  --th:#f1f5f9;
  --display:var(--wr3-display);
  --body:var(--wr3-body);
  --mono:var(--wr3-mono);
  --fs:1;
  --scene-bg:#e8edf3;
  --scene-fog:#e8edf3;
}

html,body{
  background:var(--wr3-bg);
  color:var(--wr3-ink);
  font-family:var(--wr3-body);
}
body.wr3 #cv, body.wr3 canvas#cv, body.wr3 canvas#c, body.wr3 canvas#scene{
  background:var(--wr3-bg);
}
.wr3-hud,#hud,#info{
  font-family:var(--wr3-body);
  font-size:12px;
  color:var(--wr3-ink);
  background:rgba(255,255,255,.92);
  border:1px solid var(--wr3-rule);
  border-radius:10px;
}
.wr3-btn,body.wr3 .tool,body.wr3 header a.btn{
  font-family:var(--wr3-body);
  font-size:12px;
  font-weight:500;
  background:#fff;
  color:var(--wr3-ink);
  border:1px solid #d4dae3;
  border-radius:6px;
  cursor:pointer;
}
.wr3-btn-primary,body.wr3 .tool.on{
  background:var(--wr3-accent);
  color:#fff;
  border-color:var(--wr3-accent);
}
body.wr3 h1, body.wr3 .wr3-title{
  font-family:var(--wr3-display);
  font-weight:600;
  letter-spacing:.02em;
}