/* Split from admin.css L1-L39; keep link order in _Layout. */
:root {
  --hoters-red: #ef3328;
  --hoters-red-deep: #9f1717;
  --hoters-ink: #140000;
  --bg: #f3f1ef;
  --surface: #ffffff;
  --text: #1c1917;
  --muted: #78716c;
  --line: #e7e5e4;
  --sidebar: #ffffff;
  --sidebar-text: #17191d;
  --sidebar-muted: #9aa0aa;
  --sidebar-hover: #f7f8fa;
  --sidebar-active: #17191d;
  --sidebar-border: #e6e8ec;
  --ok: #15803d;
  --off: #b91c1c;
  --radius: 14px;
  --shadow: 0 12px 40px rgba(20, 0, 0, 0.08);
  --font-display: "Syne", sans-serif;
  --font-body: "DM Sans", sans-serif;
  --nav: 196px;
  --nav-mini: 68px;
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  min-height: 0;
}

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--text);
  background: var(--bg);
}

h1, h2, h3, .auth-brand, .sidebar__brand strong, .stat-card__value, .topbar__title, .scene__id {
  font-family: var(--font-display);
}