:root[data-template="geranium"] {
  scroll-behavior: smooth;
  --white: #ffffff;
  --black: #222222;
  --gray-sm: #757575;
  --red: #dc2626;
  --gray-2xs: #ededed;
  --gray-xs: #eeeef3;
  --gray-3xs: #f6f6f6;
  --overlay: rgba(0, 0, 0, 0.7);
  --border-primary: rgba(0, 0, 0, 0.15);
  --border-divider: rgba(0, 0, 0, 0.08);
  --control-disabled-border: #ededed;
  --control-disabled-text: #b3b3b3;
  --control-track: #d9d9d9;
  --control-focus-ring: rgba(34, 34, 34, 0.25);
  --control-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  --cookie-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);

  --container-max-width: 1440px;
  --color-404-bg: var(--gray-3xs);
  --color-page-background: var(--white);
  --color-block-background: var(--gray-xs);
  --color-overlay: var(--overlay);
  --color-border-primary: var(--border-primary);
  --color-border-secondary: var(--border-divider);
  --color-button-primary-background: var(--black);
  --color-button-primary-hover: #555555;
  --color-button-primary-active: #000000;
  --color-hero-background: var(--gray-xs);
  --color-text-primary: var(--black);
  --color-text-primary-inverse: var(--white);
  --color-text-secondary: var(--gray-sm);
  --color-text-secondary-inverse: var(--gray-2xs);
  --color-danger: var(--red);
  --color-link-primary: var(--black);
  --color-link-hover: #555555;
  --color-deal-overlay-hover: rgba(0, 0, 0, 0.2);
  --color-deal-overlay-press: rgba(0, 0, 0, 0.4);
  --color-footer-background: var(--gray-xs);
  --color-footer-divider: var(--border-divider);
  --color-header-button-bg: var(--black);
  --color-header-icon: var(--black);
  --color-control-background: var(--white);
  --color-control-border: var(--border-primary);
  --color-control-border-active: rgba(0, 0, 0, 0.25);
  --color-control-disabled-border: var(--control-disabled-border);
  --color-control-disabled-text: var(--control-disabled-text);
  --color-control-focus-ring: var(--control-focus-ring);
  --color-control-track: var(--control-track);
  --color-step-background: var(--gray-xs);
  --color-step-number: var(--white);
  --shadow-control: var(--control-shadow);
  --shadow-cookie: var(--cookie-shadow);
}