// Ionic iOS Theme
// -------------------------------------------------------------------------------------------
// This file contains the theme variables shared
// between modes. This should only include variables
// used to theme the application colors for iOS.

// iOS General Colors
// --------------------------------------------------
$backdrop-ios-color: var(--ion-backdrop-color, #000);
$overlay-ios-background-color: var(
  --ion-overlay-background-color,
  var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9))
);

// iOS Tabs & Tab bar
// --------------------------------------------------
$tabbar-ios-background: var(
  --ion-tab-bar-background,
  var(--ion-color-step-50, var(--ion-background-color-step-50, #f7f7f7))
);
$tabbar-ios-background-focused: var(--ion-tab-bar-background-focused, get-color-shade(#fff));
$tabbar-ios-border-color: var(
  --ion-tab-bar-border-color,
  var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.2))))
);
$tabbar-ios-color: var(--ion-tab-bar-color, $text-color-step-400);
$tabbar-ios-color-selected: var(--ion-tab-bar-color-selected, ion-color(primary, base));

// iOS Toolbar
// --------------------------------------------------
$toolbar-ios-background: var(
  --ion-toolbar-background,
  var(--ion-color-step-50, var(--ion-background-color-step-50, #f7f7f7))
);
$toolbar-ios-border-color: var(
  --ion-toolbar-border-color,
  var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.2))))
);
$toolbar-ios-color: var(--ion-toolbar-color, $text-color);

// iOS List & List Items
// --------------------------------------------------
$item-ios-background: var(--ion-item-background, $background-color);
$item-ios-border-color: var(
  --ion-item-border-color,
  var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc)))
);
$item-ios-color: var(--ion-item-color, $text-color);

// iOS Card
// --------------------------------------------------
$card-ios-background: var(--ion-card-background, $item-ios-background);
$card-ios-color: var(--ion-card-color, var(--ion-item-color, $text-color-step-400));

// iOS Form Controls
// --------------------------------------------------
$form-control-ios-disabled-opacity: 0.3;