:root {
  --border: 1px solid rgba(255, 255, 255, 0.25);
  --ion-text-color-secondary: rgba(255, 255, 255, 0.5);
  --ion-text-color: #fff;
  --input-font-color: rgba(255, 255, 255, 0.5);
  --ion-background-color: #29252d;
  --primary-background: linear-gradient(191.18deg, #27242c 61.33%, #0c0b0e 101.43%);
  --box-shadow: 11px 10px 27px 2.5px rgba(17, 16, 20, 0.65), -5px -5px 16px -3px rgba(203, 199, 209, 0.25);
  --input-box-shadow: inset 17px 22px 20px 2.5px rgba(17, 16, 20, 0.7), inset -2px -2px 8px rgba(203, 199, 209, 0.5);
  --footer-backgound: linear-gradient(190deg, #27242c 0.54%, #0c0b0e 92.09%);
  --footer-tab-label: linear-gradient(94.44deg, #fe3c72 1.26%, #e15561 100%);
  --button-background: #27242c;
  --footer-add-btn-box-shadow1: 12.1px 11px 29.7px 2.75px rgb(17 16 20 / 65%), -5.5px -5.5px 17.6px -4.4px rgb(203 199 209 / 25%);
  --footer-add-btn-box-shadow2: inset 12px 11px 29.7px 2.75px rgb(17 16 20 / 65%), inset -5.5px -5.5px 17.6px -4.4px rgb(203 199 209 / 25%);
  --header-button-shadow: 11px 10px 27px 2.5px rgba(17, 16, 20, 0.65), -5px -5px 16px -3px rgba(203, 199, 209, 0.25);
  --fab-backdrop: linear-gradient(191.18deg, #545454 61.33%, #666666 101.43%);
  --fab-text-color: #27242c;
  --fab-mins-color: rgba(0, 0, 0, 0.5);
  --faded-background: linear-gradient(180deg, transparent, #27242cd1, #141316f2);
  --cyrano-pink-shade-1: #fe3c72;
  --cyrano-pink-shade-2: #e15561;
  --text-highlight-color: #f7f5dd;
  --focus-indicator: #ffb5e9;
  --box-shadow-2: -2px -2px 10px rgba(255, 255, 255, 0.25), 4px 4px 8px rgba(0, 0, 0, 0.25);
  --cyrano-dark-color: #28252d;
  --cyrano-milky-white: #f7f5dd;
  --cyrano-maps-background: linear-gradient(180deg, #3a3e45 0%, #1c2028 100%);
  --cyrano-maps-shadow-back: 1.7px 1.7px 3.46667px #0d0a0e, -1.7px -1.7px 3.46667px #272129;
  --cyrano-solid-no-transparency: rgba(0, 0, 0, 1);
  --border-fading-edges: linear-gradient(to right, rgba(0, 0, 0, 0), #d9d9d9 50%, rgba(0, 0, 0, 0));
  --mat-option-selected-state-label-text-color: #fff !important;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--cyrano-pink-shade-1, #fe3c72);
  --mat-autocomplete-background-color: var(--cyrano-dark-color);
  --font-family: 'Gilroy-Regular', serif !important;
  --border-radius: 100px !important;
  --mat-select-focused-arrow-color: var(--focus-indicator);
  --mdc-filled-text-field-focus-active-indicator-color: var(--focus-indicator);
  --mdc-filled-text-field-caret-color: var(--focus-indicator);
  font-family: var(--font-family);

  // error gradient
  --primary-toaster-transparent-layer: radial-gradient(#fe3c72, #fff0 55%);
  --primary-toaster-glow-layer: radial-gradient(#f7bdde, #fff0 55%);
  --primary-toaster-error-background: linear-gradient(50.44deg, #784b5f 1%, #3a3541 20%);
  --primary-toaster-error-border: linear-gradient(160.44deg, #ce769e 1%, #6d3c51 20%, #736980 50%, #332e39 80%);
  // success gradient
  --primary-toaster-success-background: linear-gradient(94.44deg, #509462 1%, #3a3541 20%);
  --primary-toaster-success-border: linear-gradient(160.44deg, #80d59d 1%, #478857 20%, #736980 50%, #332e39 80%);
  // warning gradient
  --primary-toaster-warning-background: linear-gradient(94.44deg, #8e9153 1%, #3a3541 20%);
  --primary-toaster-warning-border: linear-gradient(160.44deg, #ddde8c 1%, #898d4f 20%, #736980 50%, #332e39 80%);
  // info gradient
  --primary-toaster-info-background: linear-gradient(94.44deg, #574a91 1%, #3a3541 20%);
  --primary-toaster-info-border: linear-gradient(160.44deg, #8a75da 1%, #574e96 20%, #736980 50%, #332e39 80%);
}
