/* SISO admin neutral dark adapter for the native Hi.Events Mantine theme seam. */
:root,
:root[data-mantine-color-scheme='dark'] {
  --siso-canvas: #141514;
  --siso-surface: #202020;
  --siso-raised: #2a2a2a;
  --siso-text: #e0e0e0;
  --siso-muted: #9e9e9e;
  --siso-border: #3a3a3a;
  --siso-action: #ffa726;
  --siso-focus: #60a5fa;

  --mantine-color-scheme: dark;
  --mantine-color-body: var(--siso-canvas);
  --mantine-color-text: var(--siso-text);
  --mantine-color-bright: var(--siso-text);
  --mantine-color-dimmed: var(--siso-muted);
  --mantine-color-placeholder: var(--siso-muted);
  --mantine-color-default: var(--siso-raised);
  --mantine-color-default-hover: #333333;
  --mantine-color-default-color: var(--siso-text);
  --mantine-color-default-border: var(--siso-border);
  --mantine-color-disabled: var(--siso-raised);
  --mantine-color-disabled-color: var(--siso-muted);
  --mantine-color-disabled-border: var(--siso-border);
  --mantine-color-anchor: var(--siso-focus);
  --mantine-color-primary-filled: var(--siso-action);
  --mantine-color-primary-filled-hover: #ffb74d;
  --mantine-primary-color-filled: var(--siso-action);
  --mantine-primary-color-filled-hover: #ffb74d;
  --mantine-primary-color-contrast: #141514;
  --mantine-color-dark-0: var(--siso-text);
  --mantine-color-dark-1: #c2c2c2;
  --mantine-color-dark-2: var(--siso-muted);
  --mantine-color-dark-3: #777777;
  --mantine-color-dark-4: var(--siso-border);
  --mantine-color-dark-5: #333333;
  --mantine-color-dark-6: var(--siso-raised);
  --mantine-color-dark-7: var(--siso-surface);
  --mantine-color-dark-8: #1a1a1a;
  --mantine-color-dark-9: var(--siso-canvas);
  --mantine-color-gray-0: #f5f5f5;
  --mantine-color-gray-1: #e0e0e0;
  --mantine-color-gray-2: #c2c2c2;
  --mantine-color-gray-3: #9e9e9e;
  --mantine-color-gray-4: #777777;
  --mantine-color-gray-5: #5a5a5a;
  --mantine-color-gray-6: var(--siso-border);
  --mantine-color-gray-7: #303030;
  --mantine-color-gray-8: var(--siso-raised);
  --mantine-color-gray-9: var(--siso-surface);
  --mantine-color-blue-4: var(--siso-focus);
  --mantine-color-blue-6: var(--siso-focus);
  --mantine-color-blue-filled: var(--siso-focus);
  --mantine-color-blue-filled-hover: #93c5fd;
  --mantine-color-primary-0: #fff3e0;
  --mantine-color-primary-1: #ffe0b2;
  --mantine-color-primary-2: #ffcc80;
  --mantine-color-primary-3: #ffb74d;
  --mantine-color-primary-4: #ffa726;
  --mantine-color-primary-5: #ffa726;
  --mantine-color-primary-6: #ffa726;
  --mantine-color-primary-7: #fb8c00;
  --mantine-color-primary-8: #f57c00;
  --mantine-color-primary-9: #ef6c00;
}

:root[data-mantine-color-scheme='dark'] body {
  background-color: var(--siso-canvas);
  color: var(--siso-text);
}

:root[data-mantine-color-scheme='dark'] :where(button, [role='button'], input, textarea, select):focus-visible {
  outline: 2px solid var(--siso-focus);
  outline-offset: 2px;
}