:root {
  --color-bg: #ffffff;
  --color-text: #111111;
  --color-accent: #0070f3;

  /* Calculator theme tokens (used by TDEECalculator.tsx) */
  --brand: #0ea5e9;
  --brand-contrast: #ffffff;
  --panel: #f7fafc;
  --panel-border: #e5e7eb;
  --panel-grad-a: #f0f9ff;
  --panel-grad-b: #ecfeff;
  --muted: #6b7280;
  --success: #16a34a;
  --danger: #dc2626;
}

[data-theme="dark"] {
  --color-bg: #111111;
  --color-text: #ffffff;
  --color-accent: #3291ff;

  --brand: #38bdf8;
  --brand-contrast: #0a0a0a;
  --panel: #0f172a;
  --panel-border: #1f2937;
  --panel-grad-a: #0b1220;
  --panel-grad-b: #0c1a2b;
  --muted: #9ca3af;
  --success: #22c55e;
  --danger: #f87171;
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}

a {
  color: var(--color-accent);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 1.25rem;
}