:root[data-template="lily"] {
  --color-scheme-elements-links-primary: #222222;
  --color-scheme-elements-links-primary-hover: #555555;
  --color-scheme-elements-links-primary-pressed: #000000;
  --color-scheme-elements-links-disabled: #bbbbbb;
  --color-scheme-elements-infotip-primary: var(--color-scheme-elements-links-primary);
  --color-scheme-elements-infotip-hover: var(--color-scheme-elements-links-primary-hover);
  --color-scheme-elements-infotip-press: var(--color-scheme-elements-links-primary-pressed);
  --color-scheme-elements-infotip-fill-hover-press: var(--color-scheme-elements-links-disabled);
  --color-scheme-basic-text-style-regular: 400;
  --color-scheme-text-primary: #222222;

  --color-scheme-elements-pagination-default: #22222266;
  --color-scheme-elements-bank-logo-container-hover: #eeeef3;

  --color-scheme-borders-secondary: #00000014;
  --color-scheme-borders-disable: #00000014;
  --color-scheme-divider-primary: #00000014;

  --corners-buttons-inputs: 4px;
  --corners-cards: 10px;
  --corners-elements-gap: 6px;
  --corners-min-gap: 6px;

  --typography-text: Inter, sans-serif;

  --basics-scale-5xs: 4px;
  --basics-scale-3xs: 8px;
  --basics-scale-md-plus: 18px;
  --basics-scale-xl: 24px;

  --screen-paddings-padding-horizontal: 48px;
  --screen-paddings-padding-vertical: 48px;
  --screen-headers-h4: 18px;
  --screen-headers-h4-line-height: 20px;
}

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

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