/* vintage-classic visual identity. */


/* 5. Vintage Classic */
.theme-vintage-classic {
    --bs-light: #e6dfd1;
    --bs-white: #f5f0e6;
    --bs-dark: #3e3223;
    --bs-gray-100: #d6caba;
    color: var(--bs-dark);
    font-family: "Georgia", serif;
}

.theme-vintage-classic .bg-cover-home { filter: grayscale(0.5) sepia(0.5); }


/* 9. Vintage Classic: Flourish Dividers */
.vintage-flourish {
    position: absolute;
    width: 100%;
    height: 150px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 400 100" xmlns="http://www.w3.org/2000/svg"><path d="M20 50 Q 100 0, 200 50 T 380 50" fill="none" stroke="rgba(62, 50, 35, 0.3)" stroke-width="3"/><circle cx="200" cy="50" r="10" fill="none" stroke="rgba(62, 50, 35, 0.3)" stroke-width="2"/></svg>') no-repeat center;
    background-size: 90%;
    animation: expandFlourish 4s ease-out forwards;
}

.vintage-flourish.top { top: 30px; }

.vintage-flourish.bottom { bottom: 30px; transform: rotate(180deg); }


.theme-vintage-classic .bg-light-dark,
.theme-vintage-classic .bg-white-black {
    background-image:
        radial-gradient(circle at 50% 12%, rgba(86, 65, 36, .1), transparent 26rem),
        linear-gradient(rgba(84, 66, 42, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(84, 66, 42, .035) 1px, transparent 1px);
    background-size: auto, 28px 28px, 28px 28px;
}


.theme-vintage-classic .bg-theme-auto,
.theme-vintage-classic .border.rounded-5.shadow,
.theme-vintage-classic .border.rounded-pill.shadow {
    background: rgba(250, 245, 233, .9) !important;
    border: 1px solid rgba(62, 50, 35, .22) !important;
    box-shadow: 0 20px 44px rgba(62, 50, 35, .15), inset 0 0 22px rgba(107, 82, 48, .08) !important;
}


.vintage-paper-grain {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 12% 18%, rgba(62, 50, 35, .16) 0 1px, transparent 1px),
        radial-gradient(circle at 76% 42%, rgba(62, 50, 35, .12) 0 1px, transparent 1px),
        radial-gradient(circle at 36% 80%, rgba(62, 50, 35, .1) 0 1px, transparent 1px);
    background-size: 34px 34px, 55px 55px, 71px 71px;
    opacity: .28;
}


/* 5. Vintage Classic */
.theme-vintage-classic { font-family: "Merriweather", serif; }

.theme-vintage-classic h1, .theme-vintage-classic h2, .theme-vintage-classic h3, .theme-vintage-classic h4, .theme-vintage-classic h5, .theme-vintage-classic h6 { font-family: "Abril Fatface", serif; }

.theme-vintage-classic .font-esthetic { font-family: "Parisienne", cursive; }


.signature-vintage-classic {
    --signature-opacity: .28;
    width: clamp(146px, 26vw, 230px);
    height: clamp(74px, 13vw, 112px);
    color: #564124;
}


.signature-vintage-classic::before,
.signature-vintage-classic::after {
    top: 50%;
    width: 47%;
    height: 36%;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    opacity: .45;
}


.signature-vintage-classic::before { left: 0; transform: rotate(-8deg); }

.signature-vintage-classic::after { right: 0; transform: scaleX(-1) rotate(-8deg); }


.signature-vintage-classic span {
    left: 45%;
    top: 38%;
    width: 10%;
    height: 24%;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .44;
}


body.theme-vintage-classic #theme-ornaments::before {
    opacity: .28;
    background:
        repeating-linear-gradient(0deg, rgba(62, 50, 35, .05) 0 2px, transparent 2px 8px),
        repeating-linear-gradient(90deg, rgba(62, 50, 35, .035) 0 1px, transparent 1px 14px);
    background-size: 220px 220px;
    animation: parchmentGrainMove 20s steps(10) infinite;
}


body.theme-vintage-classic #theme-ornaments::after {
    opacity: .18;
    background:
        radial-gradient(ellipse at 50% 50%, transparent 0 34%, rgba(62, 50, 35, .16) 35% 36%, transparent 37%),
        radial-gradient(ellipse at 50% 50%, transparent 0 58%, rgba(62, 50, 35, .1) 59% 60%, transparent 61%);
    background-size: 260px 170px;
    animation: vintagePatternSway 30s ease-in-out infinite alternate;
}