.app-redesign {
        --rd-color-ink: #171a18;
        --rd-color-muted: #6d736c; /* 8.4: AA 4.5:1 на surface и paper (было 4.41) */
        --rd-color-line: #e2e8e2;
        --rd-color-paper: #f7f8f6;
        --rd-color-surface: #ffffff;
        --rd-color-primary: #327a39;
        --rd-color-primary-hover: #24642c;
        --rd-color-shell: #202420;
        --rd-color-focus: #327a39;
        --rd-color-focus-inverse: #ffffff; /* 8.4: фокус-ринг на тёмной оболочке (зелёный дал бы 1.9:1) */
        --rd-color-danger: #b95149;
        --rd-color-warning: #8f6a0e; /* 8.4: AA запас, токен пока не используется */
        --rd-color-success-soft: #e8f3e6;

        /* Пакет 2.8: тона статусного презентера — текст >= 4.5:1 на белом,
           статус различим текстом и формой иконки, а не только цветом. */
        --rd-color-status-neutral: #5c655e;
        --rd-color-status-success: #2b6a31;
        --rd-color-status-warning: #8a6512;
        --rd-color-status-danger: #a8433c;
        --rd-color-status-danger-hover: #8e3630;
        --rd-color-status-info: #3d6fb4;

        --rd-space-1: 0.25rem;
        --rd-space-2: 0.5rem;
        --rd-space-3: 0.75rem;
        --rd-space-4: 1rem;
        --rd-space-5: 1.5rem;
        --rd-space-6: 2rem;
        --rd-space-7: 2.75rem;
        --rd-space-8: 4rem;

        --rd-radius-control: 0.625rem;
        --rd-radius-action: 0.75rem;
        --rd-radius-card-sm: 1.0625rem;
        --rd-radius-card: 1.5rem;
        --rd-radius-feature: 1.9375rem;
        --rd-radius-pill: 999px;

        --rd-font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
        --rd-font-size-xs: 0.75rem;
        --rd-font-size-sm: 0.875rem;
        --rd-font-size-md: 1rem;
        --rd-font-size-lg: 1.25rem;
        --rd-font-size-xl: 2rem;
        --rd-line-height-tight: 1.1;
        --rd-line-height-body: 1.5;
        --rd-font-weight-regular: 400;
        --rd-font-weight-medium: 500;
        --rd-font-weight-semibold: 600;
        --rd-font-weight-bold: 700;
        --rd-font-weight-extrabold: 800;

        --rd-container-max: 90rem;
        --rd-page-gutter: 2.75rem;
        --rd-section-gap: 4rem;
        --rd-breakpoint-mobile: 45rem;
        --rd-breakpoint-desktop: 67.5rem;
        --rd-breakpoint-wide: 90rem;
        --rd-focus-size: 0.125rem;
        --rd-focus-offset: 0.1875rem;
}

@media (max-width: 67.5rem) {
    .app-redesign {
        --rd-page-gutter: 1.375rem;
        --rd-section-gap: 3rem;
    }
}

@media (max-width: 45rem) {
    .app-redesign {
        --rd-page-gutter: 1rem;
        --rd-section-gap: 2.75rem;
    }
}

@media (min-width: 90rem) {
    .app-redesign {
        --rd-page-gutter: 2.75rem;
    }
}