@use "../functions.color" as color;
@use "../../foundations/ionic.vars.scss" as globals;

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

// Ionic Tabs & Tab Bar
// --------------------------------------------------

$tabbar-ionic-background: var(--ion-tab-bar-background, globals.$ion-bg-surface-default);
$tabbar-ionic-background-activated: var(--ion-tab-bar-background-activated, globals.$ion-bg-select-default);
$tabbar-ionic-background-focused: var(--ion-tab-bar-background-focused, transparent);
$tabbar-ionic-color: var(--ion-tab-bar-color, globals.$ion-primitives-neutral-800);
$tabbar-ionic-color-selected: var(--ion-tab-bar-color-selected, globals.$ion-text-primary);
$tabbar-ionic-border-color: var(--ion-tab-bar-border-color, transparent);