div#mastodon, div#admin-wrapper {
  /* Dropdown */
  --dropdown-border-color: var(--color-01-35);
  --dropdown-background-color: rgba(var(--color-01-rgb-03), 0.9);
  --dropdown-shadow: 0 20px 25px -5px rgba(var(--color-01-rgb-01), 0.25),
                       0 8px 10px -6px rgba(var(--color-01-rgb-01), 0.25);

  /* Modal */
  --modal-background-color: rgba(var(--color-01-rgb-03), 0.7);
  --modal-background-variant-color: rgba(var(--color-01-rgb-05), 0.7);
  --modal-border-color: var(--color-01-35);

  /* Background */
  --background-border-color: var(--color-01-82);
  --background-filter: blur(10px) saturate(180%) contrast(75%) brightness(70%);
  --background-color: var(--color-01-93);
  --background-color-tint: rgba(var(--color-01-rgb-03), 0.9);

  /* Surface */
  --surface-background-color: var(--color-01-90);
  --surface-variant-background-color: var(--color-01-89);
  --surface-variant-active-background-color: var(--color-01-35);
  --on-surface-color: rgba(var(--color-01-rgb-05), 0.5);

  /* Media & Overlay */
  --media-outline-color: rgba(var(--color-01-rgb-99), 0.15);
  --overlay-icon-shadow: drop-shadow(0 0 8px rgba(var(--color-01-rgb-01), 0.25));
}

.swal2-popup {
    color: #000;
}

/* Modal Overwrittes */ 
div.modal div.modal-content {
  /* Colors – adjusted to the existing scheme */
  --bs-modal-color: var(--color-01-21);                /* Text color: dark contrast against the light modal background */
  --bs-modal-bg: var(--color-01-82);                   /* Background color, as desired */
  --bs-modal-border-color: var(--color-01-82);         /* A slightly darker border than the background */
  --bs-modal-header-border-color: var(--color-01-87);  /* Same shade as the modal border */
  --bs-modal-footer-bg: var(--color-01-87);            /* A slightly offset footer background (a bit darker than the main area) */
  --bs-modal-footer-border-color: var(--color-01-87);
}
