:root[data-template="poppy"] {
  --color-page-load-progress: var(--color-scheme-buttons-primary-background-default);
  --color-scheme-basic-main-primary: #0d392e;
  --color-scheme-basic-main-hover: #1c5b4b;
  --color-scheme-basic-main-press: #327d6a;
  --color-scheme-basic-main-disabled: #c9ddd7;

  --color-scheme-basic-main-dark-primary: var(--color-scheme-basic-main-primary);
  --color-scheme-basic-main-dark-hover: var(--color-scheme-basic-main-hover);
  --color-scheme-basic-main-dark-press: var(--color-scheme-basic-main-press);
  --color-scheme-basic-main-dark-disabled: #8caba3;

  --color-scheme-basic-main-light-primary: #e8f2ec;
  --color-scheme-basic-main-light-hover: #c9ddd7;
  --color-scheme-basic-main-light-press: #b5d1c9;
  --color-scheme-basic-main-light-value: #659184;
  --color-scheme-basic-main-light-disabled: #d7d7d7;

  --color-scheme-basic-background-page-background: #ffffff;
  --color-scheme-basic-background-block-background: var(--color-scheme-basic-main-light-primary);
  --color-scheme-basic-background-accent-background: var(--color-scheme-basic-main-primary);

  --color-scheme-basic-other-error: #ff0000;
  --color-scheme-basic-other-white: #ffffff;
  --color-scheme-basic-other-black: #222222;
  --color-scheme-basic-other-grey: #757575;
  --color-scheme-basic-other-gray-disable: #bbbbbb;
  --color-scheme-basic-other-complimentary-blur: #21a382;

  --color-scheme-basic-transparency-black-black-7: #0d392e12;
  --color-scheme-basic-transparency-black-black-10: #0d392e1a;
  --color-scheme-basic-transparency-black-black-15: #0d392e26;
  --color-scheme-basic-transparency-black-black-25: #0d392e40;
  --color-scheme-basic-transparency-black-black-50: #0d392e80;
  --color-scheme-basic-transparency-black-black-75: #0d392ebf;
  --color-scheme-basic-transparency-black-black-100: #0d392e;

  --color-scheme-basic-transparency-white-white-15: #ffffff26;
  --color-scheme-basic-transparency-white-white-50: #ffffff80;

  --color-scheme-promo-cars-overlay: var(--color-scheme-basic-other-black);
  --color-scheme-promo-cars-overlay-opacity: 0.85;
  --color-scheme-promo-cars-complimentary-blur-opacity: 0.55;

  --color-scheme-buttons-primary-text-icon-default: #ffffff;
  --color-scheme-buttons-primary-text-icon-hover: #ffffff;
  --color-scheme-buttons-primary-text-icon-press: #ffffff;
  --color-scheme-buttons-primary-text-icon-disabled: #ffffff;
  --color-scheme-buttons-primary-text-icon-active: #ffffff;
  --color-scheme-buttons-primary-background-default: var(--color-scheme-basic-main-primary);
  --color-scheme-buttons-primary-background-hover: var(--color-scheme-basic-main-hover);
  --color-scheme-buttons-primary-background-press: var(--color-scheme-basic-main-press);
  --color-scheme-buttons-primary-background-disabled: var(--color-scheme-basic-main-disabled);
  --color-scheme-buttons-primary-background-active: var(--color-scheme-basic-main-primary);

  --color-scheme-buttons-tertiary: var(--color-scheme-basic-main-light-primary);
  --color-scheme-buttons-tertiary-text-icon-default: var(--color-scheme-basic-main-primary);
  --color-scheme-buttons-tertiary-text-icon-hover: var(--color-scheme-basic-main-hover);
  --color-scheme-buttons-tertiary-text-icon-press: var(--color-scheme-basic-main-press);
  --color-scheme-buttons-tertiary-text-icon-disabled: var(--color-scheme-basic-main-disabled);

  --color-scheme-buttons-quartinary-background-default: var(
    --color-scheme-basic-main-light-primary
  );
  --color-scheme-buttons-brand-button-default: var(--color-scheme-basic-main-light-primary);
  --color-scheme-buttons-brand-button-hover: var(--color-scheme-basic-main-light-hover);
  --color-scheme-buttons-brand-button-press: var(--color-scheme-basic-main-light-press);
  --color-scheme-buttons-navbar-button-hover: var(--color-scheme-basic-main-light-hover);
  --color-scheme-buttons-navbar-button-press: var(--color-scheme-basic-main-light-press);

  --color-scheme-text-primary: var(--color-scheme-basic-other-black);
  --color-scheme-text-secondary: var(--color-scheme-basic-other-grey);
  --color-scheme-text-accent: var(--color-scheme-basic-main-primary);
  --color-scheme-text-accent-secondary: var(--color-scheme-basic-main-light-value);
  --color-scheme-text-primary-inverse: var(--color-scheme-basic-other-white);
  --color-scheme-text-error: var(--color-scheme-basic-other-error);
  --color-scheme-text-disable: var(--color-scheme-basic-other-gray-disable);

  --color-scheme-icons-primary: var(--color-scheme-basic-main-primary);
  --color-scheme-icons-hover: var(--color-scheme-basic-main-hover);
  --color-scheme-icons-press: var(--color-scheme-basic-main-press);
  --color-scheme-icons-secondary: var(--color-scheme-basic-main-light-value);
  --color-scheme-icons-inverse: var(--color-scheme-basic-other-white);

  --color-scheme-elements-infotip-primary: var(--color-scheme-basic-main-primary);
  --color-scheme-elements-infotip-hover: var(--color-scheme-basic-main-hover);
  --color-scheme-elements-infotip-press: var(--color-scheme-basic-main-press);
  --color-scheme-elements-infotip-fill-hover-press: var(--color-scheme-basic-main-disabled);

  --color-scheme-elements-links-primary: var(--color-scheme-basic-main-dark-primary);
  --color-scheme-elements-links-secondary: var(--color-scheme-text-secondary);
  --color-scheme-elements-links-hover: var(--color-scheme-basic-main-dark-hover);
  --color-scheme-elements-links-press: var(--color-scheme-basic-main-dark-press);
  --color-scheme-elements-links-active: var(--color-scheme-basic-main-dark-press);
  --color-scheme-elements-links-disabled: var(--color-scheme-basic-main-dark-disabled);

  --color-scheme-elements-checkbox-default: var(--color-scheme-basic-main-primary);
  --color-scheme-elements-checkbox-hover: var(--color-scheme-basic-main-primary);
  --color-scheme-elements-checkbox-press: var(--color-scheme-basic-main-press);
  --color-scheme-elements-checkbox-active: var(--color-scheme-basic-main-primary);
  --color-scheme-elements-checkbox-disable: var(--color-scheme-basic-main-disabled);

  --color-scheme-elements-tabs-hover: var(--color-scheme-basic-main-primary);
  --color-scheme-elements-tabs-press: var(--color-scheme-basic-main-press);
  --color-scheme-elements-tabs-active: var(--color-scheme-basic-main-primary);
  --color-scheme-elements-tabs-disable: var(--color-scheme-basic-main-dark-disabled);
  --color-scheme-elements-tabs-background-primary: #ffffff;
  --color-scheme-elements-tabs-background-secondary: var(--color-scheme-basic-main-light-primary);

  --color-scheme-elements-pagination-default: var(--color-scheme-basic-transparency-black-black-50);
  --color-scheme-elements-pagination-hover: var(--color-scheme-basic-transparency-black-black-75);
  --color-scheme-elements-pagination-press: var(--color-scheme-basic-transparency-black-black-100);
  --color-scheme-elements-pagination-active: var(--color-scheme-basic-main-dark-primary);

  --color-scheme-elements-bank-logo-container-primary: #ffffff;
  --color-scheme-elements-bank-logo-container-hover: var(--color-scheme-basic-main-light-hover);
  --color-scheme-elements-bank-logo-container-press: var(--color-scheme-basic-main-light-press);

  --color-scheme-elements-dropdown-list-background-hover: var(
    --color-scheme-basic-main-light-hover
  );
  --color-scheme-elements-dropdown-list-background-press: var(
    --color-scheme-basic-main-light-press
  );
  --color-scheme-elements-dropdown-list-text-hover: var(--color-scheme-basic-main-dark-primary);
  --color-scheme-elements-dropdown-list-text-press: var(--color-scheme-basic-main-dark-press);

  --color-scheme-borders-primary: var(--color-scheme-basic-transparency-black-black-15);
  --color-scheme-borders-secondary: var(--color-scheme-basic-transparency-black-black-7);
  --color-scheme-borders-hover: var(--color-scheme-basic-transparency-black-black-25);
  --color-scheme-borders-press: var(--color-scheme-basic-transparency-black-black-50);
  --color-scheme-borders-active: var(--color-scheme-borders-hover);
  --color-scheme-borders-filled: var(--color-scheme-borders-primary);
  --color-scheme-borders-disable: var(--color-scheme-borders-secondary);
  --color-scheme-borders-error: var(--color-scheme-basic-other-error);
  --color-scheme-divider-primary: var(--color-scheme-borders-secondary);

  --color-scheme-elements-buttons-primary: var(--color-scheme-buttons-primary-background-default);
  --color-scheme-elements-buttons-hover: var(--color-scheme-buttons-primary-background-hover);
  --color-scheme-elements-buttons-press: var(--color-scheme-buttons-primary-background-press);
  --color-scheme-elements-buttons-disabled: var(--color-scheme-buttons-primary-background-disabled);
  --color-scheme-elements-buttons-tertiary: var(
    --color-scheme-buttons-quartinary-background-default
  );
  --color-scheme-elements-buttons-brand-button-default: var(
    --color-scheme-buttons-brand-button-default
  );
  --color-scheme-elements-buttons-brand-button-hover: var(
    --color-scheme-buttons-brand-button-hover
  );
  --color-scheme-elements-buttons-navbar-button-hover: var(
    --color-scheme-buttons-navbar-button-hover
  );
  --color-scheme-elements-buttons-navbar-button-press: var(
    --color-scheme-buttons-navbar-button-press
  );

  --color-scheme-elements-links-primary-hover: var(--color-scheme-elements-links-hover);
  --color-scheme-elements-links-primary-pressed: var(--color-scheme-elements-links-press);
  --color-scheme-background-primary: var(--color-scheme-basic-background-page-background);
  --color-scheme-background-block: var(--color-scheme-basic-background-block-background);
  --color-scheme-text-disabled: var(--color-scheme-text-disable);
  --color-scheme-border-default: var(--color-scheme-borders-primary);
  --color-scheme-border-hover: var(--color-scheme-borders-hover);
  --color-scheme-border-pressed: var(--color-scheme-borders-press);
  --color-scheme-border-disabled: var(--color-scheme-borders-disable);
  --color-scheme-state-error: var(--color-scheme-text-error);

  --corners-buttons-inputs: 32px;
  --corners-cards: 48px;
  --corners-min-gap: 16px;
  --corners-elements-gap: 8px;
  --corners-buttons-gap: 20px;
  --corners-text-gap: 32px;

  --special-sale-card-border-radius: var(--corners-cards);
}

@media (max-width: 1279.98px) {
  :root[data-template="poppy"] {
    --screen-paddings-padding-horizontal: 40px;
    --screen-paddings-padding-vertical: 40px;
  }
}

@media (max-width: 767.98px) {
  :root[data-template="poppy"] {
    --screen-paddings-padding-horizontal: 24px;
    --screen-paddings-padding-vertical: 24px;
  }
}