/* Sunset — expressive colour with confident, friendly shapes */
body.theme-sunset,
.preview-phone-frame.theme-sunset {
    --accent-1: #ff7657;
    --accent-2: #8b2f65;
    --accent-1-rgb: 255, 118, 87;
    --accent-2-rgb: 139, 47, 101;
    --accent-1-contrast: #111827;
    --accent-2-contrast: #ffffff;
    --bio-bg: #42162f;
    --bio-bg-detail: linear-gradient(145deg, #5b1b42 0%, #9a3158 48%, #f27658 100%);
    --bio-surface: #fff2e8;
    --bio-surface-border: rgba(255,255,255,.45);
    --bio-text: #351326;
    --bio-muted: #765469;
    --bio-card-radius: 2rem;
    --bio-card-shadow: 12px 14px 0 rgba(45, 10, 34, .34);
    --bio-avatar-radius: 32% 68% 58% 42% / 42% 36% 64% 58%;
    --bio-avatar-ring: linear-gradient(135deg, var(--accent-1), var(--accent-2));
    --bio-button-bg: #43152f;
    --bio-button-text: #fff8f2;
    --bio-button-border: #43152f;
    --bio-button-radius: 999px;
    --bio-button-shadow: 0 9px 0 -6px rgba(255, 118, 87, .65);
    --bio-button-hover-shadow: 0 12px 0 -7px rgba(255, 118, 87, .78);
    --bio-plugin-bg: rgba(255,255,255,.45);
    --bio-plugin-border: rgba(83, 30, 60, .14);
    --bio-plugin-radius: 1.4rem;
    --bio-media-radius: 1rem;
    --bio-social-bg: #ffd8c8;
    --bio-social-text: #5f1d43;
    --bio-footer-text: #735267;
    --bio-image-overlay: rgba(67, 21, 47, .38);
    font-family: 'Outfit', system-ui, sans-serif;
}

.theme-sunset .bio-backdrop::before {
    display: block;
    width: 20rem;
    height: 20rem;
    right: -6rem;
    top: -7rem;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    box-shadow: 0 0 0 2.8rem rgba(255,255,255,.035), 0 0 0 5.7rem rgba(255,255,255,.025);
}

.theme-sunset .bio-title { font-size: clamp(2rem, 7vw, 2.75rem); font-weight: 760; letter-spacing: -.055em; line-height: 1; }
.theme-sunset .bio-desc { font-weight: 480; line-height: 1.55; }
.theme-sunset .bio-btn { font-weight: 680; letter-spacing: -.01em; }
.theme-sunset .bio-blocks-wrapper > div:nth-child(even) .bio-btn:not([style*="--custom-bg"]) { background: var(--accent-1) !important; color: var(--accent-1-contrast) !important; border-color: var(--accent-1) !important; }
.theme-sunset .social-icon-btn { border: 0; }
.theme-sunset .bio-widget__cta { border-radius: 999px; box-shadow: 0 10px 24px -15px rgba(95, 29, 67, .75); }
.theme-sunset .bio-gallery__item { border-radius: 1rem .45rem 1rem .45rem; }
.theme-sunset .bio-countdown__unit:nth-child(even) { transform: translateY(.18rem); }
.theme-sunset .bio-footer-btn { font-weight: 700; }
.preview-phone-frame.theme-sunset .bio-title { font-size: 1.2rem; }
