/* Theme tokens — edit here to retheme the whole site */
:root {
  /* Surfaces */
  --bg: #0a0a0a;
  --bg-2: #111113;
  --bg-3: #17171b;
  --bg-footer: #050506;
  --bg-input: #0c0c10;

  /* Ink (text) */
  --ink: #f5f5f4;
  --ink-2: #b8b8b4;
  --ink-3: #7a7a75;
  --ink-on-accent: #0a0a0a;

  /* Lines */
  --line: #26262a;
  --line-soft: rgba(255,255,255,0.06);
  --line-hover: rgba(255,255,255,0.18);

  /* Brand */
  --accent: #e11d48;
  --accent-hover: #f43f5e;
  --accent-2: #f59e0b;
  --accent-glow: rgba(225,29,72,0.6);
  --accent-focus: rgba(225,29,72,0.18);
  --gold: #d4af37;
  --gold-soft: rgba(212,175,55,0.08);
  --gold-line: rgba(212,175,55,0.25);

  /* Status */
  --ok: #86efac;
  --err: #fca5a5;

  /* Geometry */
  --radius: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --max: 1180px;

  /* Type */
  --font-display: 'Bebas Neue', 'Inter', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Base typography */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

h1, h2, h3, h4 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.05;
  margin: 0 0 0.5em;
}
h1 { font-size: clamp(2.6rem, 6vw + 1rem, 5.5rem); }
h2 { font-size: clamp(2rem, 3.5vw + 1rem, 3.5rem); }
h3 { font-size: clamp(1.5rem, 1.8vw + 1rem, 2.2rem); }
h4 { font-size: 1.25rem; font-family: var(--font-body); font-weight: 700; letter-spacing: 0; }
p { margin: 0 0 1em; color: var(--ink-2); }