/* ── Theme tokens: dark (default) + light ── */
:root, [data-theme="dark"] {
  --bg: #0f0f12;
  --surface: #1a1a1f;
  --border: #2a2a32;
  --text: #e8e8ed;
  --muted: #888;
  --accent: #6366f1;
  --accent-hover: #818cf8;
  --success: #22c55e;
  --warn: #f59e0b;
  --error: #ef4444;
  --orange: #f59e0b;
  --green: #16a34a;
  --green-light: #22c55e;
  --code-bg: #0a0a0c;
  --border-hover: #3a3a44;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.24);
  --shadow-md: 0 4px 12px rgba(0,0,0,.32);
  color-scheme: dark;
}

[data-theme="light"] {
  --bg: #f4f4f6;
  --surface: #ffffff;
  --border: #e0e0e4;
  --text: #1a1a1f;
  --muted: #6b6b78;
  --accent: #5b5cf0;
  --accent-hover: #4f46e5;
  --success: #16a34a;
  --warn: #d97706;
  --error: #dc2626;
  --orange: #d97706;
  --green: #15803d;
  --green-light: #22c55e;
  --code-bg: #eeeef2;
  --border-hover: #c8c8d0;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  color-scheme: light;
}

/* Inputs & form elements need explicit adaptation */
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
  background: var(--bg);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="light"] input::placeholder,
[data-theme="light"] select::placeholder,
[data-theme="light"] textarea::placeholder {
  color: var(--muted);
}

/* Specific card icon backgrounds for light mode */
[data-theme="light"] .card__icon--erp { background: #dbeafe; color: #2563eb; }
[data-theme="light"] .card__icon--reviews { background: #dcfce7; color: #16a34a; }
[data-theme="light"] .card__icon--logistics { background: #f3e8ff; color: #9333ea; }
[data-theme="light"] .card__icon--supplier { background: #ecfccb; color: #65a30d; }

[data-theme="light"] .carrier-card__icon {
  background: #f3e8ff;
  color: #9333ea;
}