:root {
  --bg: #0b0a09;
  --text: #f3f1ee;
  --text-dim: rgba(243, 241, 238, 0.55);
  --text-faint: rgba(243, 241, 238, 0.35);
  --brand: #d81f2a;
  --brand-grad: linear-gradient(180deg, #e4222e, #a3151c);
  --border: rgba(255, 255, 255, 0.12);
  --border-soft: rgba(255, 255, 255, 0.08);
  --panel: rgba(255, 255, 255, 0.03);
  --font-title: "Bebas Neue", "Inter", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
}

* {
  box-sizing: border-box;
}

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

::selection {
  background: var(--brand);
  color: #fff;
}

input::placeholder,
textarea::placeholder {
  color: var(--text-faint);
}