:root {
  --bg: #ffffff;
  --bg-alt: #f8f6f2;
  --card-bg: #ffffff;
  --card-hover: #fdf9f0;
  --border: #e8e4dc;
  --border-light: #f0ece4;
  --text: #1a1a1a;
  --text-secondary: #666666;
  --text-dim: #999999;
  --accent: #ffcc00;
  --accent-deep: #e0b800;
  --accent-glow: rgba(245, 166, 35, 0.2);
  --accent-light: #fff8d6;
  --success: #34c759;
  --success-glow: rgba(52, 199, 89, 0.2);
  --danger: #ff3b30;
  --danger-glow: rgba(255, 59, 48, 0.15);
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 2px 12px rgba(0,0,0,0.06);
  --shadow-hover: 0 4px 20px rgba(0,0,0,0.1);
}

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