/* Shared CSS variables used across all pages */
:root {
  --bg-deep: #0f1410;
  --bg-panel: #1a2218;
  --accent: #e8a838;
  --accent-hover: #f0bc5c;
  --accent-muted: rgba(232, 168, 56, 0.15);
  --surface: #ffffff;
  --surface-muted: #f6f4ef;
  --text: #1c1f1a;
  --text-muted: #5c6356;
  --border: #e2ddd3;
  --error: #c0392b;
  --error-bg: #fdf0ee;
  --success: #2d6a4f;
  --success-bg: #eaf4ef;
  --radius: 14px;
  --shadow: 0 12px 40px rgba(15, 20, 16, 0.08);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
  min-height: 100vh;
  background: var(--surface-muted);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}