body.s7-framework {
  --s7-container-max: 1340px;
  --s7-header-max: 1340px;
  --s7-menu-max: 1340px;
  --s7-header-height: 70px;
  --s7-header-sticky-offset: var(--s7-header-height);
  --s7-container-gutter: clamp(12px, 2vw, 28px);
  --s7-prose-max: 70ch;
  --s7-touch-min: 44px;
  --s7-field-min: 48px;
  --s7-font-display: "Noto Sans", Arial, sans-serif;
  --s7-font-body: "Open Sans", Arial, sans-serif;
  --s7-display-size: clamp(1.75rem, 2.3vw, 2.6rem);
  --s7-display-weight: 700;
  --s7-display-leading: 1.05;
  --s7-display-tracking: -0.03em;
  --s7-headline-size: clamp(1.45rem, 1.8vw, 2rem);
  --s7-headline-weight: 700;
  --s7-headline-leading: 1.15;
  --s7-headline-tracking: -0.02em;
  --s7-title-size: clamp(1.0625rem, 1.2vw, 1.3rem);
  --s7-title-weight: 700;
  --s7-title-leading: 1.25;
  --s7-title-tracking: -0.01em;
  --s7-body-size: clamp(0.96875rem, 0.12vw + 0.94rem, 1rem);
  --s7-body-weight: 400;
  --s7-body-leading: 1.6;
  --s7-label-size: 0.875rem;
  --s7-label-weight: 600;
  --s7-label-leading: 1.3;
  --s7-label-tracking: 0.01em;
  --s7-meta-size: 0.8125rem;
  --s7-meta-leading: 1.45;
  --s7-radius-sm: 12px;
  --s7-radius-md: 16px;
  --s7-radius-lg: 18px;
  --s7-radius-pill: 999px;
  --s7-space-1: 4px;
  --s7-space-2: 8px;
  --s7-space-3: 12px;
  --s7-space-4: 16px;
  --s7-space-5: 20px;
  --s7-space-6: 24px;
  --s7-space-8: 32px;
  --s7-space-12: 48px;
  --s7-space-section: clamp(20px, 3vw, 40px);
  --s7-shadow-ambient: 0 1px 2px rgba(14, 20, 28, 0.06), 0 8px 24px rgba(14, 20, 28, 0.04);
  --s7-shadow-lift: 0 18px 48px rgba(9, 14, 20, 0.18);
  --s7-motion-fast: 160ms;
  --s7-motion-standard: 220ms;
  --s7-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --s7-canvas: #E9EDF1;
  --s7-surface: var(--color-content-bg, #FFFFFF);
  --s7-surface-elevated: var(--color-content-bg, #FFFFFF);
  --s7-surface-muted: #F3F5F7;
  --s7-ink: var(--color-content-text, #20252C);
  --s7-heading: var(--color-content-heading, #15191F);
  --s7-muted: var(--color-content-faded, #606B78);
  --s7-placeholder: var(--color-content-faded, #6B7683);
  --s7-border: var(--color-content-border, #D8DEE5);
  --s7-accent: var(--color-content-primary, #32BEEB);
  --s7-brand-accent: #32BEEB;
  --s7-brand-purple: #7444A2;
  --s7-brand-orange: #EF7531;
  --s7-download-ink-light: #FFFFFF;
  --s7-download-ink-dark: #111820;
  --s7-download-torrent-start: #35B84B;
  --s7-download-torrent-end: #168238;
  --s7-download-cloud-start: #1682FF;
  --s7-download-cloud-brand: #005FF9;
  --s7-download-cloud-end: #0046C7;
  --s7-download-yandex-start: #FFF06A;
  --s7-download-yandex-brand: #FFCC00;
  --s7-download-yandex-end: #EBA900;
  --s7-download-google-green: #34A853;
  --s7-download-google-blue: #4285F4;
  --s7-download-google-yellow: #FBBC04;
  --s7-download-launcher-start: oklch(68% 0.14 216);
  --s7-download-launcher-end: oklch(51% 0.16 234);
  --s7-accent-ink: #0E1116;
  --s7-accent-strong: #087FA8;
  --s7-accent-hover: #056B8C;
  --s7-accent-soft: #D6F3FC;
  --s7-focus: #159CC7;
  --s7-positive: #155238;
  --s7-positive-soft: #D9F3E6;
  --s7-danger: #B42318;
  --s7-danger-soft: #FEE4E2;
  --s7-skeleton: var(--color-content-border, #E3E7EC);
  --s7-backdrop: rgba(18, 23, 29, 0.58);
  --s7-header-bg: var(--color-header-middle-bg, #1B2026);
  --s7-header-text: var(--color-header-middle-text, #F5F7FA);
  --s7-header-hover: var(--color-header-middle-text-hover, #83D9F4);
  --s7-footer-bg: var(--color-footer-bg, #171B22);
  --s7-footer-text: var(--color-footer-text, #F5F7FA);
  --s7-footer-border: var(--color-footer-border, #2C3440);
}

html[data-s7-theme="light"] body.s7-framework {
  --s7-canvas: #E9EDF1;
  --s7-surface: #FFFFFF;
  --s7-surface-elevated: #FFFFFF;
  --s7-surface-muted: #F3F5F7;
  --s7-ink: #20252C;
  --s7-heading: #15191F;
  --s7-muted: #606B78;
  --s7-placeholder: #6B7683;
  --s7-border: #D8DEE5;
  --s7-accent: #32BEEB;
  --s7-accent-ink: #0E1116;
  --s7-accent-strong: #087FA8;
  --s7-accent-hover: #056B8C;
  --s7-accent-soft: #D6F3FC;
  --s7-focus: #159CC7;
  --s7-positive: #155238;
  --s7-positive-soft: #D9F3E6;
  --s7-danger: #B42318;
  --s7-danger-soft: #FEE4E2;
  --s7-skeleton: #D8DEE5;
  --s7-backdrop: rgba(18, 23, 29, 0.58);
}

html[data-s7-theme="dark"] body.s7-framework {
  --s7-canvas: #20242A;
  --s7-surface: #292E35;
  --s7-surface-elevated: #323840;
  --s7-surface-muted: #252A30;
  --s7-ink: #EEF2F6;
  --s7-heading: #F8FAFC;
  --s7-muted: #AAB3BE;
  --s7-placeholder: #929DA9;
  --s7-border: #3B434D;
  --s7-accent: #32BEEB;
  --s7-accent-ink: #0E1116;
  --s7-accent-strong: #83D9F4;
  --s7-accent-hover: #B9EEFC;
  --s7-accent-soft: #183C48;
  --s7-focus: #32BEEB;
  --s7-positive: #89D2AB;
  --s7-positive-soft: #0D3221;
  --s7-danger: #FDA29B;
  --s7-danger-soft: #3B1215;
  --s7-skeleton: #3B434D;
  --s7-backdrop: rgba(9, 12, 16, 0.68);
  --s7-header-bg: #181C21;
}

@media (prefers-color-scheme: dark) {
  html:not([data-s7-theme="light"]):not([data-s7-theme="dark"]) body.s7-framework {
    --s7-canvas: #20242A;
    --s7-surface: #292E35;
    --s7-surface-elevated: #323840;
    --s7-surface-muted: #252A30;
    --s7-ink: #EEF2F6;
    --s7-heading: #F8FAFC;
    --s7-muted: #AAB3BE;
    --s7-placeholder: #929DA9;
    --s7-border: #3B434D;
    --s7-accent: #32BEEB;
    --s7-accent-ink: #0E1116;
    --s7-accent-strong: #83D9F4;
    --s7-accent-hover: #B9EEFC;
    --s7-accent-soft: #183C48;
    --s7-focus: #32BEEB;
    --s7-positive: #89D2AB;
    --s7-positive-soft: #0D3221;
    --s7-danger: #FDA29B;
    --s7-danger-soft: #3B1215;
    --s7-skeleton: #3B434D;
    --s7-backdrop: rgba(9, 12, 16, 0.68);
    --s7-header-bg: #181C21;
  }
}