/**
 * CardDropX semantic theme tokens — light / dark (resolved on html[data-theme]).
 */
:root,
[data-theme="light"] {
  color-scheme: light;

  --bg: #faf7f2;
  --surface: #ffffff;
  --surface-2: #f2ede3;
  --surface-warm: #f2ede3;
  --text: #0a0a0a;
  --text-soft: #4a4a4a;
  /* AA ≥4.5:1 on --bg/#fff (was #6b6560 ≈ borderline on some surfaces) */
  --muted: #5c574f;
  --border: #0a0a0a;
  --border-soft: #e5e0d5;
  --line: #e5e0d5;
  --on-accent: #ffffff;
  --up: #00875a;
  --down: #c41e1e;
  --shadow: 0 12px 40px rgba(10, 10, 10, 0.12);
  --focus-ring: #2a75bb;
  --focus-offset: 2px;
  --warning-bg: #5c3d1e;
  --warning-text: #ffe0b2;
  --input-bg: #ffffff;
  --overlay-backdrop: rgba(10, 10, 10, 0.45);
  --theme-color-meta: #faf7f2;
}

[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0a0a0b;
  --surface: #141416;
  --surface-2: #1c1c1f;
  --surface-warm: #1a1a1d;
  --text: #f5f5f4;
  --text-soft: #d4d4d8;
  --muted: #a1a1aa;
  --border: #27272a;
  --border-soft: #3f3f46;
  --line: #27272a;
  --on-accent: #f5f5f4;
  --up: #3fb950;
  --down: #f85149;
  --shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
  --focus-ring: #06b6d4;
  --focus-offset: 2px;
  --warning-bg: #5c3d1e;
  --warning-text: #ffe0b2;
  --input-bg: #1c1c1f;
  --overlay-backdrop: rgba(0, 0, 0, 0.55);
  --theme-color-meta: #0a0a0b;
}