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;
}
}