/**
 * RuRu Blocks · core.css — базовые переменные и обёртка .ruru-block.
 */

:root {
    --ruru-primary:  #74685b; /* Основной brown — текст, CTA, рамки */
    --ruru-secondary:#fff8f2; /* Cream — базовый фон страницы */
    --ruru-text:     #74685b;
    --ruru-muted:    #655a50; /* Вторичный текст */
    --ruru-dark:     #74685b;
    --ruru-accent:   #b1b495; /* Olive — акценты, звёзды отзывов */
    --ruru-peach:    #e8d0b6; /* Peach для CTA-секций (форма) */
    --ruru-peach-soft:#ffe5d3; /* Peach light для gift-cert */
    --ruru-cream:    #fff2e9; /* Cream light альтернат */
    --ruru-divider:  #f2e6e2; /* Разделитель/граница */
    --ruru-white:    #ffffff;
    --ruru-gray:     #adadad;
}

.ruru-block {
    font-family: 'Manrope', Arial, sans-serif;
    color: var(--ruru-text);
    position: relative;
}
.ruru-block__inner {
    max-width: 1280px; margin: 0 auto;
    /* z-index:2 гарантирует, что контент над SVG-орнаментами (которые на ::before/::after
     * секции сидят в z-index:1). Без этого форма/кнопки могут оказаться под декорацией. */
    position: relative; z-index: 2;
}
.ruru-block img { max-width: 100%; height: auto; display: block; }
.ruru-block h2 {
    font-weight: 400;
    font-size: clamp(26px, 3vw, 40px);
    letter-spacing: -0.5px;
    line-height: 1.15;
    color: var(--ruru-primary);
    margin: 0 0 32px;
    text-align: center;
}
.ruru-block h3 { font-weight: 500; margin: 0; }

/* Accessibility helpers */
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px; height: 1px; overflow: hidden;
    white-space: nowrap;
}
.ruru-skip-link {
    position: absolute; left: -9999px; top: -40px;
    background: #74685b; color: #fff; padding: 10px 16px;
    text-decoration: none; font-family: inherit; font-size: 14px; font-weight: 500;
    border-radius: 0 0 6px 0; z-index: 9999;
}
.ruru-skip-link:focus {
    left: 0; top: 0;
    outline: 2px solid #fff; outline-offset: 2px;
}