:root {
  /* Light Theme — Base */
  --ems-bg: #F8FAFC;
  --ems-surface: #FFFFFF;
  --ems-primary: #0B5ED7;
  --ems-danger: #C1121F;
  --ems-warning: #F4C430;
  --ems-text: #0F172A;
  --ems-muted: #475569;
  --ems-border: #E2E8F0;

  /* Light Theme — Scope Soft/Border/Text (need dark variants) */
  --ems-scope-emt-soft: #ECFDF5;
  --ems-scope-emt-border: #10B981;
  --ems-scope-emt-text: #065F46;

  --ems-scope-aemt-soft: #FFFBEB;
  --ems-scope-aemt-border: #F59E0B;
  --ems-scope-aemt-text: #92400E;

  --ems-scope-medic-soft: #FEF2F2;
  --ems-scope-medic-border: #EF4444;
  --ems-scope-medic-text: #7F1D1D;

  --ems-scope-mc-soft: #F5F3FF;
  --ems-scope-mc-border: #8B5CF6;
  --ems-scope-mc-text: #4C1D95;

  /* Slate, for a credential name the palette map does not know. Not a fifth
     level -- the "this is unrecognised" colour, so an unmapped scope never
     wears another level's. */
  --ems-scope-neutral-soft: #F1F5F9;
  --ems-scope-neutral-border: #94A3B8;
  --ems-scope-neutral-text: #334155;
}

.dark {
  /* Dark Theme — Base */
  --ems-bg: #0B1220;
  --ems-surface: #111827;
  --ems-primary: #3B82F6;
  --ems-danger: #EF4444;
  --ems-warning: #FACC15;
  --ems-text: #E5E7EB;
  --ems-muted: #94A3B8;
  --ems-border: #1E293B;

  /* Dark Theme — Scope Soft/Border/Text */
  --ems-scope-emt-soft: #022c22;
  --ems-scope-emt-border: #059669;
  --ems-scope-emt-text: #6EE7B7;

  --ems-scope-aemt-soft: #251c04;
  --ems-scope-aemt-border: #D97706;
  --ems-scope-aemt-text: #FCD34D;

  --ems-scope-medic-soft: #2a0a0a;
  --ems-scope-medic-border: #DC2626;
  --ems-scope-medic-text: #FCA5A5;

  --ems-scope-mc-soft: #1a0a3e;
  --ems-scope-mc-border: #7C3AED;
  --ems-scope-mc-text: #C4B5FD;

  --ems-scope-neutral-soft: #131c2b;
  --ems-scope-neutral-border: #64748B;
  --ems-scope-neutral-text: #CBD5E1;
}