:root[data-template="gladiolus"] {
  --color-page-load-progress: var(--color-scheme-buttons-primary-background-default);
  --gladiolus-rose-500: #f9003a;
  --gladiolus-rose-600: #d90032;
  --gladiolus-rose-700: #b0002a;
  --gladiolus-rose-800: #80001f;
  --gladiolus-rose-50: #fff5f3;
  --gladiolus-rose-100: #ffd0c9;
  --gladiolus-rose-200: #ffada2;
  --gladiolus-coral-500: #fa4d45;
  --gladiolus-neutral-0: #ffffff;
  --gladiolus-neutral-100: #efefef;
  --gladiolus-neutral-400: #bfb0b4;
  --gladiolus-neutral-500: #85757c;
  --gladiolus-neutral-900: #3d2f33;
  --gladiolus-error-500: #e55757;
  --gladiolus-wine-900-15: #52001426;
  --gladiolus-wine-800-7: #440e1c12;
  --gladiolus-wine-900-25: #52001440;
  --gladiolus-wine-900-50: #52001480;
  --gladiolus-wine-900-75: #520014bf;
  --gladiolus-rose-500-7: #f9003a12;
  --gladiolus-rose-500-10: #f9003a1a;
  --gladiolus-rose-500-15: #f9003a26;
  --gladiolus-rose-500-25: #f9003a40;
  --gladiolus-rose-500-50: #f9003a80;
  --gladiolus-neutral-0-50: #ffffff80;
  --gladiolus-neutral-0-75: #ffffffbf;
  --gladiolus-shadow-0: #00000000;
  --gladiolus-shadow-60: #00000099;
  --gladiolus-shadow-75: #000000bf;

  --color-scheme-basic-main-primary: var(--gladiolus-rose-500);
  --color-scheme-basic-main-hover: var(--gladiolus-rose-600);
  --color-scheme-basic-main-press: var(--gladiolus-rose-700);
  --color-scheme-basic-main-disabled: var(--gladiolus-rose-100);
  --color-scheme-buttons-tertiary: var(--gladiolus-rose-50);
  --color-scheme-buttons-primary-text-icon-default: var(--gladiolus-neutral-0);
  --color-scheme-buttons-primary-text-icon-hover: var(--gladiolus-neutral-0);
  --color-scheme-buttons-primary-text-icon-press: var(--gladiolus-neutral-0);
  --color-scheme-buttons-primary-text-icon-disabled: var(--gladiolus-neutral-0);
  --color-scheme-buttons-primary-text-icon-active: var(--gladiolus-neutral-0);
  --color-scheme-buttons-primary-background-default: var(--gladiolus-rose-500);
  --color-scheme-buttons-primary-background-hover: var(--gladiolus-rose-600);
  --color-scheme-buttons-primary-background-press: var(--gladiolus-rose-700);
  --color-scheme-buttons-primary-background-disabled: var(--gladiolus-rose-100);
  --color-scheme-buttons-primary-background-active: var(--gladiolus-rose-500);
  --color-scheme-buttons-secondary-text-icon-default: var(--gladiolus-rose-500);
  --color-scheme-buttons-tertiary-text-icon-default: var(--gladiolus-rose-500);
  --color-scheme-buttons-tertiary-text-icon-active: var(--gladiolus-neutral-0);
  --color-scheme-buttons-tertiary-background-acrtive: var(--gladiolus-rose-500);
  --color-scheme-buttons-secondary-text-icon-hover: var(--gladiolus-neutral-0);
  --color-scheme-buttons-secondary-text-icon-press: var(--gladiolus-neutral-0);
  --color-scheme-buttons-secondary-text-icon-disabled: var(--gladiolus-neutral-0);
  --color-scheme-buttons-secondary-text-icon-active: var(--gladiolus-neutral-0);
  --color-scheme-buttons-secondary-background-default: var(--gladiolus-rose-500);
  --color-scheme-buttons-tertiary-text-icon-hover: var(--gladiolus-rose-600);
  --color-scheme-buttons-tertiary-text-icon-press: var(--gladiolus-rose-700);
  --color-scheme-buttons-tertiary-text-icon-disabled: var(--gladiolus-rose-100);
  --color-scheme-buttons-inverse-text-icon-default: var(--gladiolus-neutral-0);
  --color-scheme-buttons-inverse-text-icon-hover: var(--gladiolus-neutral-100);
  --color-scheme-buttons-quartinary-text-icon-default: var(--gladiolus-rose-500);
  --color-scheme-buttons-quartinary-text-icon-hover: var(--gladiolus-neutral-0);
  --color-scheme-buttons-quartinary-text-icon-press: var(--gladiolus-neutral-0);
  --color-scheme-buttons-quartinary-text-icon-disabled: var(--gladiolus-neutral-400);
  --color-scheme-buttons-quartinary-text-icon-active: var(--gladiolus-neutral-0);
  --color-scheme-buttons-quartinary-background-default: var(--gladiolus-rose-50);
  --color-scheme-buttons-inverse-text-icon-press: var(--gladiolus-rose-500);
  --color-scheme-text-primary: var(--gladiolus-neutral-900);
  --color-scheme-icons-primary: var(--gladiolus-rose-500);
  --navbar-menu-contact-color: var(--color-scheme-text-primary);
  --navbar-action-background: var(--color-scheme-buttons-tertiary);
  --navbar-action-icon-color: var(--color-scheme-icons-primary);
  --navbar-action-background-hover: var(--color-scheme-buttons-tertiary);
  --navbar-action-background-press: var(--color-scheme-buttons-tertiary);
  --navbar-action-background-active: var(--color-scheme-buttons-tertiary);
  --trade-in-steps-connector-color: var(--color-scheme-icons-primary);
  --color-scheme-borders-primary: var(--gladiolus-wine-900-15);
  --color-scheme-divider-primary: var(--gladiolus-wine-800-7);
  --color-scheme-borders-secondary: var(--gladiolus-wine-800-7);
  --color-scheme-borders-hover: var(--gladiolus-wine-900-25);
  --color-scheme-borders-press: var(--gladiolus-wine-900-50);
  --color-scheme-borders-active: var(--gladiolus-wine-900-25);
  --color-scheme-borders-filled: var(--gladiolus-wine-900-15);
  --color-scheme-borders-disable: var(--gladiolus-wine-800-7);
  --color-scheme-borders-error: var(--gladiolus-error-500);
  --color-scheme-icons-secondary: var(--gladiolus-coral-500);
  --color-scheme-icons-inverse: var(--gladiolus-neutral-0);
  --color-scheme-text-accent: var(--gladiolus-rose-500);
  --color-scheme-text-accent-secondary: var(--gladiolus-coral-500);
  --color-scheme-text-primary-inverse: var(--gladiolus-neutral-0);
  --color-scheme-text-secondary: var(--gladiolus-neutral-500);
  --color-scheme-text-error: var(--gladiolus-error-500);
  --color-scheme-text-disable: var(--gladiolus-neutral-400);
  --color-scheme-elements-links-primary: var(--gladiolus-rose-600);
  --color-scheme-elements-links-secondary: var(--gladiolus-neutral-500);
  --color-scheme-elements-links-hover: var(--gladiolus-rose-700);
  --color-scheme-elements-links-press: var(--gladiolus-rose-800);
  --color-scheme-elements-links-active: var(--gladiolus-rose-800);
  --color-scheme-elements-links-disabled: var(--gladiolus-rose-200);
  --color-scheme-elements-checkbox-default: var(--gladiolus-rose-500);
  --color-scheme-elements-checkbox-hover: var(--gladiolus-rose-500);
  --color-scheme-elements-checkbox-press: var(--gladiolus-rose-700);
  --color-scheme-elements-checkbox-active: var(--gladiolus-rose-500);
  --color-scheme-elements-checkbox-disable: var(--gladiolus-rose-100);
  --color-scheme-elements-bank-logo-container-primary: var(--gladiolus-neutral-0);
  --bank-logo-monochrome-color: var(--color-scheme-text-secondary);
  --color-scheme-elements-bank-logo-container-hover: var(--gladiolus-rose-100);
  --color-scheme-elements-bank-logo-container-press: var(--gladiolus-rose-200);
  --color-scheme-elements-tabs-hover: var(--gladiolus-rose-500);
  --color-scheme-elements-tabs-press: var(--gladiolus-rose-700);
  --color-scheme-elements-infotip-primary: var(--gladiolus-rose-500);
  --color-scheme-elements-tabs-active: var(--gladiolus-rose-500);
  --color-scheme-elements-tabs-disable: var(--gladiolus-rose-200);
  --color-scheme-elements-infotip-hover: var(--gladiolus-rose-600);
  --color-scheme-elements-infotip-press: var(--gladiolus-rose-700);
  --color-scheme-elements-infotip-fill-hover-press: var(--color-scheme-basic-main-disabled);
  --color-scheme-elements-pagination-default: var(--gladiolus-wine-900-50);
  --color-scheme-elements-pagination-hover: var(--gladiolus-wine-900-75);
  --color-scheme-elements-pagination-press: var(--gladiolus-rose-800);
  --color-scheme-elements-pagination-active: var(--gladiolus-rose-600);
  --color-scheme-basic-main-dark-primary: var(--gladiolus-rose-600);
  --color-scheme-basic-main-dark-hover: var(--gladiolus-rose-700);
  --color-scheme-basic-main-dark-press: var(--gladiolus-rose-800);
  --color-scheme-basic-main-dark-disabled: var(--gladiolus-rose-200);
  --color-scheme-basic-main-light-primary: var(--gladiolus-rose-50);
  --color-scheme-basic-main-light-hover: var(--gladiolus-rose-100);
  --color-scheme-basic-main-light-press: var(--gladiolus-rose-200);
  --color-scheme-basic-main-light-value: var(--gladiolus-coral-500);
  --color-scheme-basic-background-page-background: var(--gladiolus-neutral-0);
  --color-scheme-basic-background-block-background: var(--gladiolus-rose-50);
  --color-scheme-basic-other-error: var(--gladiolus-error-500);
  --color-scheme-basic-other-white: var(--gladiolus-neutral-0);
  --color-scheme-basic-other-black: var(--gladiolus-neutral-900);
  --color-scheme-basic-other-grey: var(--gladiolus-neutral-500);
  --color-scheme-basic-other-gray-disable: var(--gladiolus-neutral-400);
  --color-scheme-elements-tabs-background-primary: var(--gladiolus-neutral-0);
  --color-scheme-elements-tabs-background-secondary: var(--gladiolus-rose-50);
  --color-scheme-basic-transparency-main-black-7: var(--gladiolus-rose-500-7);
  --color-scheme-basic-transparency-black-black-7: var(--gladiolus-wine-800-7);
  --color-scheme-basic-transparency-black-black-15: var(--gladiolus-wine-900-15);
  --color-scheme-basic-transparency-black-black-25: var(--gladiolus-wine-900-25);
  --color-scheme-basic-transparency-black-black-50: var(--gladiolus-wine-900-50);
  --color-scheme-basic-transparency-black-black-75: var(--gladiolus-wine-900-75);
  --color-scheme-basic-transparency-black-black-100: var(--gladiolus-rose-800);
  --color-scheme-basic-transparency-white-white-50: var(--gladiolus-neutral-0-50);
  --color-scheme-basic-transparency-white-white-75: var(--gladiolus-neutral-0-75);
  --color-scheme-basic-text-style-regular: 400;
  --color-scheme-basic-text-style-medium: 500;
  --color-scheme-basic-text-style-semi-bold: 600;
  --color-scheme-basic-transparency-main-black-10: var(--gladiolus-rose-500-10);
  --color-scheme-basic-transparency-main-black-15: var(--gladiolus-rose-500-15);
  --color-scheme-basic-transparency-main-black-25: var(--gladiolus-rose-500-25);
  --color-scheme-basic-transparency-main-black-50: var(--gladiolus-rose-500-50);
  --color-scheme-basic-transparency-main-black-100: var(--gladiolus-rose-500);

  --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-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-icons-hover: var(--color-scheme-elements-infotip-hover);
  --color-scheme-icons-press: var(--color-scheme-elements-infotip-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-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);
  --color-scheme-special-sale-gradient: linear-gradient(
    179.970978987221deg,
    var(--gladiolus-shadow-0) 0%,
    var(--gladiolus-shadow-60) 40.389%,
    var(--gladiolus-shadow-75) 99.977%
  );

  --corners-buttons-inputs: 32px;
  --corners-cards: 48px;
  --corners-min-gap: 16px;
  --corners-elements-gap: 8px;
  --corners-buttons-gap: 20px;
  --corners-text-gap: 32px;
  --screen-paddings-padding-horizontal: 48px;
  --screen-paddings-padding-vertical: 48px;
}

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

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