@font-face {
  font-family: 'Kimberley';
  src: url('/fonts/kimberley.woff2') format('woff2');
  font-weight: normal; font-style: normal; font-display: swap;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg: #0A0D12;
  --bg-nav: #0D1117;
  --bg-card: #111820;
  --bg-row: #0F1520;
  --bg-input: #0D1117;
  --border: rgba(255,255,255,0.07);
  --border-hi: rgba(61,186,223,0.4);
  --cyan: #3DBADF;
  --cyan-dim: rgba(61,186,223,0.1);
  --cyan-glow: rgba(61,186,223,0.15);
  --text: #E5E7EB;
  --text-secondary: #8A9BB0;
  --text-tertiary: #4A5568;
  --red: #EF4444;
  --red-dim: rgba(239,68,68,0.08);
  --font-display: 'Kimberley', 'Impact', sans-serif;
  --font-body: 'Hanken Grotesk', system-ui, sans-serif;
}
body { background: var(--bg); color: var(--text); font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
input, select, button { font-family: var(--font-body); }