/* ===== THEME VARIABLES ===== */

:root {
  /* Light mode colors - WCAG AA compliant contrast ratios */
  --bg: #f7f7f7;
  --bg-alt: #ffffff;
  --accent: #8b5a2b;
  --accent-strong: #6d4422;
  --text-main: #1a1a1a;
  --text-muted: #555555;

  /* Layout */
  --max-width: 900px;
  --transition: 0.25s ease;

  /* Shadows */
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(17, 17, 17, 0.03);
  --shadow-hover: 0 12px 24px rgba(0, 0, 0, 0.1);
}

html.dark {
  /* Dark mode colors - WCAG AA compliant */
  --bg: #1a1a1a;
  --bg-alt: #2a2a2a;
  --accent: #d4a574;
  --accent-strong: #e8b888;
  --text-main: #f0f0f0;
  --text-muted: #b0b0b0;

  /* Shadows for dark mode */
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.1);
  --shadow-hover: 0 12px 24px rgba(0, 0, 0, 0.4);
}