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

/* Set variables for all modes */
body {
  --ion-font-family: var(--sd-sys-typography-font-family);
  --ion-background-color: var(--sd-sys-color-surface);
  --ion-backdrop-color: var(--sd-palette-gray-700);
  --ion-backdrop-opacity: .25;

  --sd-border-radius-variant: #{theme-variables.$border-radius-variant};
  --sd-border-radius-default: #{theme-variables.$border-radius-default};
  --sd-border-radius-inset: #{theme-variables.$border-radius-inset};
}

/* Set variables for iOS only */
.ios {
}

/* Set variables for Material Design only */
.md {
}