:where(:root),
:where(:host) {
  --vaadin-dialog-title-font-size: var(--aura-font-size-l);
  --vaadin-dialog-border-width: 0px;
}

vaadin-dialog,
vaadin-confirm-dialog {
  color-scheme: var(--aura-content-color-scheme, var(--aura-color-scheme));
}

vaadin-dialog::part(overlay),
vaadin-confirm-dialog::part(overlay) {
  background: var(--vaadin-dialog-background, var(--vaadin-overlay-background, var(--aura-surface-color)));
  box-shadow:
    var(--aura-overlay-outline-shadow),
    var(--vaadin-dialog-shadow, var(--vaadin-overlay-shadow, var(--aura-overlay-shadow)));
  --aura-surface-level: 2;
  --aura-surface-opacity: var(--aura-overlay-surface-opacity);

  /* TODO probably should be in base styles */
  /* Keeps dialogs on top of MDL view transitions */
  view-transition-name: vaadin-dialog;
}

vaadin-confirm-dialog::part(message) {
  color: var(--vaadin-text-color-secondary);
}

/* TODO probably should be in base styles */
::view-transition-group(vaadin-dialog) {
  border-radius: var(--vaadin-dialog-border-radius, var(--vaadin-radius-l));
  z-index: 1;
}