/* Shared light palette for all Russian and Kazakh pages. Media retain their original colors. */
:root {
  color-scheme: light;
  --light-page: #f8f9fc;
  --light-surface: #ffffff;
  --light-ink: #192235;
  --light-copy: #4b566b;
  --light-line: #dbe1eb;
  --light-accent: #5931bc;
  --light-teal: #006d68;
  --vm-theme-neutral-deep: var(--light-page);
  --vm-theme-neutral-strong: var(--light-surface);
  --vm-theme-neutral-bold: #edf0f7;
  --vm-theme-neutral-base: #d8deea;
  --vm-theme-neutral-subtle: #e9edf5;
  --vm-theme-neutral-minimal: #f3f5f9;
  --vm-theme-text-base: var(--light-ink);
  --vm-theme-text-subtle: var(--light-copy);
  --vm-theme-text-muted: #59647a;
  --vm-theme-text-inverse-base: var(--light-ink);
  --vm-theme-text-inverse-subtle: var(--light-copy);
  --vm-theme-text-inverse-muted: #59647a;
  --vm-theme-primary-base: var(--light-teal);
  --vm-theme-gradient-purple: linear-gradient(145deg, #f1eafb, #f5f8fc 52%, #e8f6f3);
  --hy-color-text-inverted: var(--light-ink);
}

html, body { background: var(--light-page); color: var(--light-ink); }
::selection { background: #d6c8f5; color: #20113f; }
a:focus-visible, button:focus-visible,
.featured-slider .flickity-page-dot:focus-visible { outline-color: var(--light-accent); }
.site-header__inner {
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 0 0 1px rgba(25, 34, 53, .08), 0 8px 30px rgba(43, 31, 72, .08);
  backdrop-filter: blur(14px);
}
.site-header .custom-logo-link img { filter: invert(1) hue-rotate(180deg); }
.language-switch a { color: var(--light-copy); }
.language-switch a[aria-current=page], .language-switch a:hover { color: var(--light-accent); }
.language-switch span { color: #687286; }

.header-media-content.gradient-color--purple-black {
  background: radial-gradient(ellipse at 10% 18%, #e3ccff 0, transparent 55%),
    radial-gradient(ellipse at 90% 25%, #d3f8ef 0, transparent 52%),
    linear-gradient(180deg, #f3edfc 0, var(--light-page) 92%);
}
.gradient-color .content-block__title { filter: none; }
.header-media-content .content-block__copy,
.cta-button-with-subtext__subtext { color: var(--light-copy); }
.header-media-content__image img {
  mask-image: linear-gradient(to bottom, #000 68%, transparent 100%);
}
.logo-slider--header-media-content { background: linear-gradient(0deg, var(--light-page) 62%, transparent); }
.logo-slider__title { color: var(--light-copy); }
.logo-slider__item img { filter: brightness(0) saturate(100%); opacity: .72; }
/* Transparent white emblems need a backing; colored icon artwork stays unfiltered. */
.icons-list__icon { background: var(--light-ink); }
.icons-list__icon img { filter: none; opacity: 1; }
.icons-list__icons-list::after {
  background: linear-gradient(180deg, rgba(248,249,252,0) 0, rgba(248,249,252,.6) 49%, var(--light-page));
  pointer-events: none;
}
.icons-list__grouped-image .vm-grouped-border { filter: brightness(.5); }

.content-block__copy, .featured-card__description { color: var(--light-copy); }
.content-block__link, .content-block__link:visited { color: var(--light-accent); }
.content-block__link:hover { color: #351c83; }
.content-block__link::after { filter: brightness(0) saturate(100%); }
.cta-button, .cta-button:visited, .cta-button:focus { color: var(--light-ink); }
.cta-button:hover { color: var(--light-ink); }
.cta-button--secondary, .content-block--secondary .cta-button {
  background: var(--light-surface);
  color: var(--light-ink);
  box-shadow: 0 0 0 1px rgba(25, 34, 53, .12);
}
.cta-button:not(.brand-button)::after { background: var(--light-surface); }
.cta-button.brand-button .cta-button__title { background: var(--light-surface); color: var(--light-ink); }
.cta-button.brand-button:hover .cta-button__title { background: #f5f0ff; color: var(--light-ink); }
.featured-card { background: var(--light-surface); box-shadow: 0 0 0 1px var(--light-line); }
.featured-card__content { color: var(--light-ink); }
.featured-slider__section {
  background-color: #eee8f8;
  background-image: linear-gradient(115deg, rgba(255,255,255,.96), rgba(255,255,255,.86)), var(--bg-image);
  box-shadow: inset 0 0 0 1px var(--light-line);
}
.featured-slider__section::before { background: var(--light-page); }
.featured-slider__text--white, .featured-slider__text--black { color: var(--light-ink); }
.featured-slider__text .content-block__title-icon img { filter: brightness(0) saturate(100%); }
.featured-slider .flickity-enabled .flickity-page-dot,
.videos-list .flickity-enabled .flickity-page-dot { background: #8993a6; }
.featured-slider .flickity-enabled .flickity-page-dot.is-selected,
.videos-list .flickity-enabled .flickity-page-dot.is-selected { background: var(--light-accent); }
.banner__inner.bg--vmkey-pocket-gradient {
  background: linear-gradient(115deg, #eae2f9 0, #f0f5fc 48%, #d5f4ef 100%);
  color: var(--light-ink);
}
.banner__inner .cta-button { background: var(--light-surface); }
.socials, .marquee { background: linear-gradient(110deg, #e1d0fa, #cff8ef 65%, #e5f5bc); }
.socials__title, .socials__links a, .marquee__text { color: var(--light-ink); }
.socials__links a:hover { color: var(--light-accent); }

.faq-item, .faq-item:first-child { border-color: var(--light-line); }
.faq-question { color: var(--light-ink); }
.faq-question:hover, .faq-question[aria-expanded=true] { color: var(--light-accent); }
.faq-answer p { color: var(--light-copy); }
.final-cta { background: radial-gradient(ellipse at 50% 130%, #d9c6fb 0, #edf1fa 46%, var(--light-page) 80%); }
.ru-footer.compact-footer { background: #edf1f7; border-color: var(--light-line); }
.footer-guides, .footer-guide + .footer-guide { border-color: #d1d9e6; }
.footer-guide h2, .compact-footer__brand { color: var(--light-ink); }
.footer-guide p, .compact-footer nav a { color: var(--light-copy); }
.compact-footer nav a:hover, .compact-footer nav a[aria-current=page] { color: var(--light-accent); }

.tool-page { --tool-ink: color-mix(in srgb, var(--tool-accent) 26%, #172239); }
.tool-page .tool-hero { background: radial-gradient(ellipse at 15% 25%, #e6dcf8 0, transparent 66%), linear-gradient(130deg, #f7f2fd, #edf9f7 70%, var(--light-page)); }
.tool-page .tool-hero__copy > p, .tool-page .tool-columns p, .tool-page .tool-steps p,
.tool-page .tool-notes, .tool-page .tool-detail__copy > p { color: var(--light-copy); }
.tool-page .tool-benefits .heading--2, .tool-page .tool-step-number,
.tool-page .tool-notes li::before { color: var(--tool-ink); }
.tool-page .tool-method { background: #edf1f8; }
.tool-page .tool-columns article, .tool-page .tool-detail, .tool-page .tool-notes li { border-color: var(--light-line); }

@media (min-width: 1200px) {
  .header-media-content__image img {
    max-width: 60%;
    mask-image: linear-gradient(to right, #000 76%, transparent 99%), linear-gradient(to bottom, #000 68%, transparent 100%);
    mask-composite: intersect;
  }
}