/* ===== Theme Variables ===== */
:root,
[data-theme="light"] {
  --bg-primary: #f5ecd6;
  --bg-secondary: #ede3cb;
  --bg-card: #ffffff;
  --bg-hover: #e8e5e0;
  --text-primary: #2c2420;
  --text-secondary: #6b5e54;
  --text-muted: #9e9189;
  --border-color: #d9d3cb;
  --border-light: #e8e5e0;
  --accent: #c0392b;
  --accent-hover: #a93226;
  --accent-light: rgba(192, 57, 43, 0.1);
  --success: #27ae60;
  --success-light: rgba(39, 174, 96, 0.1);
  --danger: #c0392b;
  --danger-light: rgba(192, 57, 43, 0.1);
  --warning: #f39c12;
  --warning-light: rgba(243, 156, 18, 0.1);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --transition: 0.2s ease;
}

[data-theme="dark"] {
  --bg-primary: #1a1614;
  --bg-secondary: #2c2420;
  --bg-card: #332c26;
  --bg-hover: #3d342d;
  --text-primary: #f0ede8;
  --text-secondary: #b8aea4;
  --text-muted: #7a6e64;
  --border-color: #4a3f37;
  --border-light: #3d342d;
  --accent: #e74c3c;
  --accent-hover: #ec7063;
  --accent-light: rgba(231, 76, 60, 0.15);
  --success: #2ecc71;
  --success-light: rgba(46, 204, 113, 0.15);
  --danger: #e74c3c;
  --danger-light: rgba(231, 76, 60, 0.15);
  --warning: #f1c40f;
  --warning-light: rgba(241, 196, 15, 0.15);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.4);
}