/* Map these variables to the existing host tokens; only QR elements are styled. */
elgatec-qr-studio[data-panel="partner"] {
  --qr-text: #e8f4fa;
  --qr-muted: #abc5d5;
  --qr-surface: #123143;
  --qr-input-bg: #203f50;
  --qr-border: #345a6d;
  --qr-input-border: #527c8e;
  --qr-disabled-bg: #183748;
  --qr-accent: #20cce0;
  --qr-on-accent: #062237;
  --qr-preview-bg: #0c2536;
  --qr-pill-bg: #183d3e;
  --qr-pill-text: #9be0c1;
  --qr-error: #ffaaa4;
  --qr-color-scheme: dark;
}

elgatec-qr-studio[data-panel="gestion"] {
  --qr-text: var(--panel-text, #17263d);
  --qr-muted: var(--panel-muted, #65758b);
  --qr-surface: var(--panel-surface, #fff);
  --qr-input-bg: var(--panel-input-bg, #fff);
  --qr-border: var(--panel-border, #dce5ef);
  --qr-accent: var(--panel-accent, #165eb5);
  --qr-radius: var(--panel-radius, 16px);
  --qr-font: var(--panel-font, 15px/1.5 system-ui, sans-serif);
}