@font-face {
  font-family: "GothamThin";
  src: url("/assets/font/gotham-thin-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GothamBold";
  src: url("/assets/font/gotham-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  background: var(--bg-0);
  color: var(--text-primary);
  font-family: "Inter", "Segoe UI", sans-serif;
  min-height: 100vh;
}

h1, h2, h3, p { margin: 0; }
a { color: inherit; text-decoration: none; }
.muted { color: var(--text-secondary); }
.hidden { display: none !important; }
.stack-sm > * + * { margin-top: .5rem; }
.stack-lg > * + * { margin-top: 1rem; }
code { color: #89a7ff; }

.panel {
  background: var(--bg-1);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  padding: 32px;
  box-shadow: var(--shadow-subtle);
}