/* ArbiBase shared tokens — flat, editorial, no AI tropes */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --ab-bg: #0b0f12;
  --ab-bg-2: #10151a;
  --ab-bg-3: #141a20;
  --ab-line: rgba(255,255,255,0.09);
  --ab-line-strong: rgba(255,255,255,0.18);
  --ab-text: #e6e8ea;
  --ab-text-dim: #7c8698;
  --ab-text-muted: #96a1ad;
  --ab-emerald: #2fb98a;
  --ab-emerald-2: #28a37a;
  --ab-emerald-soft: transparent;
  --ab-emerald-line: rgba(47,185,138,0.35);
  --ab-amber: #c9a063;
  --ab-rose: #c97070;
  --font-display: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: 'Space Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--ab-bg);
  color: var(--ab-text);
  font-family: var(--font-display);
  -webkit-font-smoothing: antialiased;
}

.ab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 18px;
  background: var(--ab-text);
  color: var(--ab-bg);
  font-weight: 600;
  font-size: 13px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0;
  transition: background 120ms;
}
.ab-btn:hover { background: var(--ab-emerald); color: #ffffff; }

.ab-btn.ghost {
  background: transparent;
  color: var(--ab-text);
  border: 1px solid var(--ab-line-strong);
}
.ab-btn.ghost:hover { background: rgba(255,255,255,0.04); color: var(--ab-text); }

.ab-link {
  color: var(--ab-text-dim);
  font-size: 13px;
  text-decoration: none;
  display: inline-flex; align-items: center; gap: 6px;
  border-bottom: 1px solid transparent;
}
.ab-link:hover { color: var(--ab-text); border-bottom-color: var(--ab-line-strong); }