:root {
  --idsa-font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  --idsa-radius: 12px;
  --idsa-radius-sm: 10px;
  --idsa-radius-lg: 14px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --idsa-gap-1: var(--sp-1);
  --idsa-gap-2: var(--sp-2);
  --idsa-gap-3: var(--sp-3);
  --idsa-gap-4: var(--sp-4);
  --idsa-gap-5: var(--sp-5);
  --idsa-gap-6: var(--sp-6);
  --bg: #f4f7ff;
  --surface: #ffffff;
  --text: #0f172a;
  --muted: #64748b;
  --border: #dbe6ff;
  --primary: #2563eb;
  --primaryText: #ffffff;
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;
  --link: #1d4ed8;
  --focus: #93c5fd;
}

body[data-idsa-theme="user"] {
  --bg: #f4f7ff;
  --surface: #ffffff;
  --text: #0f172a;
  --muted: #64748b;
  --border: #dbe6ff;
  --primary: #2563eb;
  --primaryText: #ffffff;
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;
  --link: #1d4ed8;
  --focus: #93c5fd;
}

body[data-idsa-theme="crm"] {
  --bg: #071228;
  --surface: #0d1b34;
  --text: #e2e8f0;
  --muted: #93a5c7;
  --border: #203459;
  --primary: #0ea5a4;
  --primaryText: #06121b;
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --link: #7dd3fc;
  --focus: #22d3ee;
}

body[data-idsa-theme="admin"] {
  --bg: #0b1020;
  --surface: #121a2f;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --border: #27304a;
  --primary: #4f46e5;
  --primaryText: #ffffff;
  --success: #22c55e;
  --warning: #f97316;
  --danger: #ef4444;
  --link: #93c5fd;
  --focus: #a78bfa;
}

body[data-idsa-theme] {
  background: var(--bg);
  color: var(--text);
  font-family: var(--idsa-font-family);
}