:root {
  --brand: #f58634;
  --bg: #0b0b0e;
  --surface: #0f0f14;
  --border: #2a2a2e;
  --text: #e5e7eb;
  --muted: #cbd5e1;
}

/* Base */
html, body { height: 100%; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
.container { max-width: 1120px; }
.btn-brand { background: var(--brand); color: #111827; }
.btn-brand:hover { filter: brightness(0.95); }
.chip { border: 1px solid rgb(255 255 255 / 0.12); padding: 6px 10px; border-radius: 999px; font-size: 12px; }
.surface { background: var(--surface) !important; border-color: var(--border) !important; }
.bg-surface { background: var(--surface) !important; }
.border-var { border-color: var(--border) !important; }
.floating-wa { position: fixed; right: 16px; bottom: 16px; z-index: 70; }

/* Links */
a { text-decoration-thickness: .08em; text-underline-offset: .2em; }

/* Improve contrast of gray text on dark */
.text-zinc-300 { color: #e5e7eb; }
.text-zinc-400 { color: #d1d5db; }
.text-zinc-500 { color: #9ca3af; }