/* ===== Dark Theme (default) ===== */
:root,
[data-theme="dark"] {
  --bg: #0b0f1a;
  --panel: #131827;
  --panel-2: #1a2035;
  --border: #232a44;
  --text: #e7ecf3;
  --muted: #8a94ad;
  --gold: #f0bc5c;
  --gold-deep: #8a6420;
  --silver: #c9d1d9;
  --platinum: #c0c6d4;
  --usd: #4cc38a;
  --sgd: #ef6c6c;
  --accent: #d4a04a;
  --accent-bright: #f0bc5c;
  --accent-rgb: 212, 160, 74;
  --accent-tint: rgba(var(--accent-rgb), 0.15);
  --on-accent: #1a1208;
  --green: #2ecc71;
  --red: #e74c3c;
  --input-bg: #1a2035;
  --hover: #1e2640;
}

/* ===== Light Theme ===== */
[data-theme="light"] {
  --bg: #f0f2f5;
  --panel: #ffffff;
  --panel-2: #f5f6fa;
  --border: #e0e3eb;
  --text: #1a1d26;
  --muted: #6b7280;
  --gold: #d4960e;
  --gold-deep: #6e4f04;
  --silver: #6b7280;
  --platinum: #6b7280;
  --usd: #16a34a;
  --sgd: #dc2626;
  --accent: #b3801e;
  --accent-bright: #d4960e;
  --accent-rgb: 179, 128, 30;
  --accent-tint: rgba(var(--accent-rgb), 0.12);
  --on-accent: #ffffff;
  --green: #16a34a;
  --red: #dc2626;
  --input-bg: #f5f6fa;
  --hover: #ebedf2;
}