/**
 * ChopBeta base tokens — orange primary, green accent (matches dashboard-ui).
 */
:root {
  --primary: #F97316;
  --primary-dark: #EA580C;
  --accent: #16A34A;
  --background: #FFFFFF;
  --surface: #FFFFFF;
  --text: #0F172A;
  --text-light: #fff;
  --danger: #DC2626;
  --info: #0284C8;
}

html[data-theme='dark'],
body[data-theme='dark'] {
  --primary: #FB923C;
  --primary-dark: #F97316;
  --accent: #22C55E;
  --background: #0F172A;
  --surface: #1E293B;
  --text: #F8FAFC;
  --danger: #F87171;
  --info: #38BDF8;
}

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  color: var(--text);
  background: var(--background);
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.alert {
  background: var(--danger);
  color: var(--text-light);
  padding: 0.75em 1em;
  border-radius: 10px;
  margin-bottom: 1em;
  font-weight: 700;
}

/* Generic .btn used on auth / older pages */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(145deg, #FF8A2A 0%, #F97316 45%, #EA580C 100%);
  box-shadow:
    5px 5px 12px rgba(212, 95, 12, 0.35),
    -4px -4px 10px rgba(255, 176, 112, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: transform 0.15s ease, box-shadow 0.18s ease;
}
.btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}
.btn:active {
  transform: translateY(1px);
  box-shadow:
    inset 4px 4px 8px rgba(180, 75, 8, 0.45),
    inset -3px -3px 6px rgba(255, 160, 90, 0.25);
}