/* custom.css (webportal) */
@import url('./customer_color.css');

:root {
  --base-blue-color: var(--_base-blue-color, #457E9E);
  --button-background-color__secondary: var(--_button-background-color__secondary, #666666);
  --header-area-color: var(--_header-area-color, white);
  --footer-area-color: var(--_footer-area-color, #9c9e9f);
  --contract-cards-color: var(--_contract-cards-color, #f7f4f3);
  --language-selector-title: var(--_language-selector-title, #040404);
  --language-selector-selected: var(--_language-selector-selected, #040404);
  --text-color__base: var(--_text-color__base, black);
  --danger: var(--_danger, red);
  --warning: var(--_warning, orange);
  --tariff-color: var(--_tariff-color, green);
  --title-image-background-color: var(--_title-image-background-color, lightblue);

  /* Dunning level and incorrect payment data colors */
  --prepaid-incomplete: var(--_prepaid-incomplete, rgba(255, 0, 0, 0.2));
  --missing-paymentData: var(--_missing-paymentData, green);
  --subscription-incomplete: var(--_subscription-incomplete, #f7f4f3);
  --dunning-warning: var(--_dunning-warning, rgba(255, 50, 50, 0.2));
  --dunning-termination: var(--_dunning-termination, rgba(255, 196, 0, 0.2));
  --regular-termination: var(--_regular-termination, #f7f4f3);
  --gray-bg: var(--_gray-bg, #bbbbbb);

  /* Pending Tasks */
  --pendingTask-customerService: var(--_pendingTask-customerService, #f7f4f3);
  --pendingTask-contractMember: var(--_pendingTask-contractMember, #d77f62);
}