@use '../settings/variables' as theme-variables;
@use '../../styles/settings' as settings;


@each $color in theme-variables.$ionic-colors {
  :root {
    .ion-color-#{$color} {
      --ion-color-#{$color}: var(--sd-palette-#{$color}-600);
      --ion-color-#{$color}-emphasis: var(--sd-palette-#{$color}-700);
      --ion-color-#{$color}-muted: var(--sd-palette-#{$color}-500);
      --ion-color-#{$color}-subtle: var(--sd-palette-#{$color}-400);
  
      --ion-color-#{$color}-border: var(--sd-palette-#{$color}-300);
      --ion-color-#{$color}-border-muted: var(--sd-palette-#{$color}-200);
      --ion-color-#{$color}-border-subtle: var(--sd-palette-#{$color}-100);
  
      --ion-color-#{$color}-outline: var(--sd-palette-#{$color}-100);
  
      --ion-color-#{$color}-surface: var(--sd-palette-#{$color}-600);
      --ion-color-#{$color}-surface-overlay: var(--sd-palette-#{$color}-700);
      --ion-color-#{$color}-surface-inset: var(--sd-palette-#{$color}-500);
      --ion-color-#{$color}-surface-subtle: var(--sd-palette-#{$color}-50);
    }
  }
  @if (settings.$dark-mode == true) {
    @media (prefers-color-scheme: dark) {
      .md body,
      .ios body,
      body {
      .ion-color-#{$color} {
        --ion-color-#{$color}: var(--sd-palette-#{$color}-700);
        --ion-color-#{$color}-emphasis: var(--sd-palette-#{$color}-800);
        --ion-color-#{$color}-muted: var(--sd-palette-#{$color}-600);
        --ion-color-#{$color}-subtle: var(--sd-palette-#{$color}-500);
    
        --ion-color-#{$color}-border: rgba(var(--sd-palette-#{$color}-500), .4);
        --ion-color-#{$color}-border-muted: var(--sd-palette-#{$color}-200);
        --ion-color-#{$color}-border-subtle: var(--sd-palette-#{$color}-100);
    
        --ion-color-#{$color}-outline: rgba(var(--sd-palette-#{$color}-500), .15);
    
        --ion-color-#{$color}-surface: var(--sd-palette-#{$color}-600);
        --ion-color-#{$color}-surface-overlay: var(--sd-palette-#{$color}-700);
        --ion-color-#{$color}-surface-inset: var(--sd-palette-#{$color}-500);
        --ion-color-#{$color}-surface-subtle: var(--sd-palette-#{$color}-50);
      }
      }
    }
  }
}