/* ==========================================================================
   Тема «Нежность»: светлая бумага, веточки, мягкие тени.
   Раскладка — в css/base.css, здесь только характер темы.
   ========================================================================== */

:root {
    --page-bg:
        radial-gradient(900px 600px at 0% 0%, rgba(var(--accent-light-rgb), .45), transparent 70%),
        radial-gradient(800px 600px at 100% 40%, rgba(var(--accent-light-rgb), .30), transparent 70%),
        radial-gradient(900px 700px at 20% 100%, rgba(var(--accent-light-rgb), .35), transparent 70%),
        var(--bg);
    --card-bg: rgba(var(--surface-rgb), .86);
    --card-border: 1px solid rgba(var(--accent-rgb), .22);
    --shadow: 0 30px 60px -36px rgba(var(--accent-deep-rgb), .45);
    --line: rgba(var(--accent-rgb), .45);
    --accent-fill: linear-gradient(135deg, var(--accent-deep) 0%, var(--accent) 50%, var(--accent-deep) 100%);
}

/* веточка: SVG-маска, цвет берётся из палитры */
.cover__decor {
    width: clamp(150px, 30vw, 300px);
    aspect-ratio: 1;
    background: var(--accent);
    opacity: .55;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M10 190 C60 140 100 100 190 10' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3Cg%3E%3Cpath d='M48 152c-18-2-30-14-32-30 18 2 30 14 32 30z'/%3E%3Cpath d='M48 152c2-18 14-30 30-32-2 18-14 30-30 32z'/%3E%3Cpath d='M82 118c-18-2-30-14-32-30 18 2 30 14 32 30z'/%3E%3Cpath d='M82 118c2-18 14-30 30-32-2 18-14 30-30 32z'/%3E%3Cpath d='M116 84c-18-2-30-14-32-30 18 2 30 14 32 30z'/%3E%3Cpath d='M116 84c2-18 14-30 30-32-2 18-14 30-30 32z'/%3E%3Cpath d='M150 50c-16-2-27-12-29-27 16 2 27 12 29 27z'/%3E%3Cpath d='M150 50c2-16 12-27 27-29-2 16-12 27-27 29z'/%3E%3Ccircle cx='186' cy='14' r='6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M10 190 C60 140 100 100 190 10' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3Cg%3E%3Cpath d='M48 152c-18-2-30-14-32-30 18 2 30 14 32 30z'/%3E%3Cpath d='M48 152c2-18 14-30 30-32-2 18-14 30-30 32z'/%3E%3Cpath d='M82 118c-18-2-30-14-32-30 18 2 30 14 32 30z'/%3E%3Cpath d='M82 118c2-18 14-30 30-32-2 18-14 30-30 32z'/%3E%3Cpath d='M116 84c-18-2-30-14-32-30 18 2 30 14 32 30z'/%3E%3Cpath d='M116 84c2-18 14-30 30-32-2 18-14 30-30 32z'/%3E%3Cpath d='M150 50c-16-2-27-12-29-27 16 2 27 12 29 27z'/%3E%3Cpath d='M150 50c2-16 12-27 27-29-2 16-12 27-27 29z'/%3E%3Ccircle cx='186' cy='14' r='6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.cover__decor--top {
    top: -10px;
    right: -14px;
    transform: rotate(90deg);
}

.cover__decor--bottom {
    bottom: -10px;
    left: -14px;
    transform: rotate(-90deg);
}

.cover--photo .cover__decor {
    display: none;
}

.cover__for,
.cover__subtitle,
.greeting__salutation,
.greeting__closing,
.finale__signature,
.rsvp__done-title,
.host__role {
    color: var(--accent-deep);
}

.cover__title {
    color: var(--text);
}

.cover__subtitle {
    margin-top: 10px;
    font-size: clamp(22px, 5vw, 32px);
    letter-spacing: .04em;
}

.cover-arch .cover__frame {
    background: rgba(var(--surface-rgb), .55);
    box-shadow: var(--shadow);
}

.cover__date,
.section__title,
.countdown__value,
.timeline__time,
.location__place,
.host__name,
.notice__text {
    color: var(--accent-deep);
}

.section__title {
    font-style: italic;
}

.countdown__unit {
    background: var(--card-bg);
    box-shadow: var(--shadow);
}

.notice {
    background: rgba(var(--accent-light-rgb), .35);
}

.field__input {
    background: rgba(var(--surface-rgb), .7);
}

.finale__phrase {
    font-style: italic;
}
