@use '@angular/material' as mat;
@use 'sass:math' as math;

@mixin dialog-theme($theme) {
  .devmx-confirm-dialog {
    border-radius: 16px;
    overflow: hidden;

    background-color: mat.get-theme-color($theme, surface-container-lowest);

    .devmx-dialog-header {
      background-color: mat.get-theme-color($theme, error, 50);
      color: mat.get-theme-color($theme, on-error);
    }
  }
  .devmx-prompt-dialog {
    border-radius: 16px;
    overflow: hidden;

    background-color: mat.get-theme-color($theme, surface-container-lowest);

    .devmx-dialog-header {
      background-color: mat.get-theme-color($theme, tertiary, 50);
      color: mat.get-theme-color($theme, on-tertiary);
    }
  }
  .devmx-read-me-dialog {
    border-radius: 16px;
    overflow: hidden;

    h1 {
      font-size: calc(6 * 0.2em);
    }
    h2 {
      font-size: calc(5 * 0.3em);
    }
    h3 {
      font-size: calc(4 * 0.4em);
    }
    h4 {
      font-size: calc(3 * 0.5em);
    }
    h5 {
      font-size: calc(2 * 0.6em);
    }
    h6 {
      font-size: calc(1 * 0.7em);
    }

    background-color: mat.get-theme-color($theme, surface-container-lowest);
  }
}
