/* Velvet Homecoming — dark plum and gold, for an evening reception.
   The base stylesheet reads every surface from --t-* tokens, so a dark
   design needs no overrides for legibility, only for atmosphere. */

.inv-design-velvet-homecoming .inv-hero {
    background:
        radial-gradient(110% 70% at 50% 0%, var(--t-accent-soft) 0%, transparent 68%),
        var(--t-paper);
}

.inv-design-velvet-homecoming .inv-names {
    font-weight: 400;
    font-size: clamp(2.6rem, 13vw, 4rem);
}

.inv-design-velvet-homecoming .inv-amp {
    font-style: italic;
    color: var(--t-accent);
}

.inv-design-velvet-homecoming .inv-eyebrow {
    letter-spacing: .3em;
}

.inv-design-velvet-homecoming .inv-hero-date {
    border-color: color-mix(in srgb, var(--t-accent) 60%, transparent);
}

.inv-design-velvet-homecoming .inv-section {
    border-top: 1px solid color-mix(in srgb, var(--t-accent) 24%, transparent);
}

.inv-design-velvet-homecoming .inv-event {
    border: 1px solid color-mix(in srgb, var(--t-accent) 26%, transparent);
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .28);
}

.inv-design-velvet-homecoming .inv-count-grid > div {
    border-radius: 14px;
    border: 1px solid color-mix(in srgb, var(--t-accent) 22%, transparent);
}

.inv-design-velvet-homecoming .inv-count-grid strong {
    color: var(--t-accent);
}

.inv-design-velvet-homecoming .inv-gallery figure {
    border-radius: 12px;
}

.inv-design-velvet-homecoming .inv-btn {
    border-radius: 999px;
}

/* The fixed-colour status notes are tuned for light paper; soften them. */
.inv-design-velvet-homecoming .inv-note-ok {
    background: color-mix(in srgb, var(--t-accent) 18%, transparent);
    color: var(--t-ink);
}

.inv-design-velvet-homecoming .inv-flash-success {
    background: color-mix(in srgb, var(--t-accent) 20%, transparent);
    color: var(--t-ink);
}

.inv-design-velvet-homecoming .inv-footer {
    background: var(--t-accent-soft);
}