/* CredBill design tokens — aligned with CardSwitch */
:root,
[data-theme="dark"] {
  --accent-color: #CFB378;
  --accent-color-soft: rgba(207, 179, 120, 0.18);
  --primary-color: #fafafa;
  --bg-color: #0f0f12;
  --surface-l0: #0f0f12;
  --surface-l1: #16161a;
  --surface-l2: #1f1f24;
  --card-bg: #16161a;
  --text-primary: #fafafa;
  --text-muted: rgba(255, 255, 255, 0.62);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --amount-positive: #34d399;
  --amount-negative: #ff6b85;
  --shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.05);
  --shadow-hover: 0 14px 36px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(207, 179, 120, 0.12);
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --focus-ring: 0 0 0 4px rgba(207, 179, 120, 0.15);
  --gold: var(--accent-color);
  --gold-soft: var(--accent-color-soft);
}

[data-theme="light"] {
  --primary-color: #1a1a1a;
  --bg-color: #f5f7fa;
  --surface-l0: #f5f7fa;
  --surface-l1: #ffffff;
  --surface-l2: #f8fafc;
  --card-bg: #ffffff;
  --text-primary: #1a1a1a;
  --text-muted: #64748b;
  --border-subtle: rgba(0, 0, 0, 0.06);
  --shadow-soft: 0 10px 30px -5px rgba(0, 0, 0, 0.06);
  --shadow-hover: 0 20px 40px -5px rgba(0, 0, 0, 0.1);
}