:root {
  /* Dark theme tokens */
  color-scheme: dark;

  /* Neutral dark-gray palette (typical dark mode) */
  --bg: #0f0f10;
  --bg-elev: #16181b;
  --bg-elev-2: #1d2025;
  --border: #2a2f36;
  --text: #e7e7ea;
  --muted: #a0a7b4;

  --primary: #2563eb;
  --primary-hover: #1d4ed8;

  --success-bg: rgba(16, 185, 129, 0.12);
  --success-border: rgba(16, 185, 129, 0.35);
  --success-text: #34d399;

  --danger: #ef4444;
  --warning: #f59e0b;
}

html,
body {
  height: 100%;
}

body {
  background: var(--bg);
  color: var(--text);
}

a {
  color: inherit;
}

/* Rapids gradient logo (scales with parent font-size) */
.rapids-logo {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;

  background: linear-gradient(135deg, #fff 0%, #0db7bd 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  -webkit-font-smoothing: antialiased;
  text-decoration: none;
}

/* Common components */
.btn {
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.btn-primary {
  background: var(--primary);
}

.btn-primary:hover {
  background: var(--primary-hover);
}

.btn-outline {
  color: var(--text);
  border-color: var(--border);
}

.btn-outline:hover {
  background: rgba(255, 255, 255, 0.06);
}

input,
select,
textarea {
  background: var(--bg);
  color: var(--text);
  border-color: var(--border);
}

code {
  background: #0b0b0c;
  color: var(--text);
  border: 1px solid var(--border);
}