@use '@angular/material' as mat;
@use 'sass:map';
@use '../../colors' as colors;

// Main content mixin
// Use theme to manage colors and sizes on main content
@mixin mic-main-content-override($theme) {
  $primary: map.get($theme, primary);
  $background: map.get($theme, background);
  $textColor: colors.$mic-text-colors-normal;
  $is-dark: map.get($theme, is-dark);

  @if $is-dark {
    $textColor: colors.$mic-text-colors-normal-light;
  }

  mic-main-content {
    background-color: map.get($background, background);
    margin-inline: 0;
    color: $textColor;
  }
}
