:root {
  --bg: #000;
  --card: #0f0f0f;
  --border: #1a1a1a;
  --text: #f2f2f2;
  --muted: #a8a8a8;
  --accent: #f2c94c;
  --brand-yellow: #f5c400;
  --scrollThumb: #2a2a2a;
  --scrollThumbHover: #3a3a3a;
  --scrollThumbActive: #4a4a4a;
  --gap: 12px;
  --radius: 14px;
  --pad: 18px;
  --footerH: 44px;
  --igScale: .62;
}

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

html,
body {
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

body {
  overflow: hidden;
  padding-bottom: 46px;
}