.maplibregl-map {
  --ml-ctrl-border-radius: 1rem;
  --ml-font: 16px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --ml-font-attribution: inherit;
  --ml-c-bg-1: #ffffff;
  --ml-c-bg-2: #f0f0f0;
  --ml-c-bg-3: oklch(62.3% 0.214 259.815);
  --ml-c-icon-1: #333333;
  --ml-c-icon-2: #000000;
  --ml-c-active: #1da1f2;
  --ml-c-error: #e54e33;
  --ml-c-outline: #dba726;
  --ml-o-disabled: 0.25;
  --ml-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.15), 0 1px 2px -1px rgb(0 0 0 / 0.15);
  --ml-shadow-active: 0 10px 15px -3px rgb(0 0 0 / 0.15), 0 4px 6px -2px rgb(0 0 0 / 0.15);
  --ml-c-link-1: #333333;
  --ml-c-link-2: #000000;
  --ml-c-logo-1: #ffffff;
  --ml-c-logo-2: #d7d7d7;
  --ml-c-geoloc: #1da1f2;
  --ml-font-icons: maplibregl-icons-default;
}

.dark .maplibregl-map {
  --ml-c-bg-1: #111725;
  --ml-c-bg-2: #414853;
  --ml-c-bg-3: #32363f;
  --ml-c-icon-1: #cbd5e1;
  --ml-c-icon-2: #ffffff;
  --ml-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.15), 0 1px 2px -1px rgb(0 0 0 / 0.15);
  --ml-c-link-1: #cbd5e1;
  --ml-c-link-2: #ffffff;
  --ml-c-logo-1: oklch(90.5% 0.182 98.111);
  --ml-c-logo-2: #32363f;
}