/* Revolutionary Era (1750-1815) — Buff parchment, redcoat crimson, brass.
   Signature band: alternating crimson and buff stripes (flag motif). */
body.era-revolutionary {
    --bg-primary: #f5efe1;
    --bg-secondary: #1f0f0f;
    --bg-card: #fdfaf2;
    --text-primary: #2a1a1a;
    --text-secondary: #4a3838;
    --text-muted: #8a7060;
    --accent-color: #8b0a14;
    --accent-hover: #6a0810;
    --border-color: #d8c8a8;
    --heading-font: 'Cinzel', 'Times New Roman', serif;
    --shadow: 0 1px 4px rgba(139,10,20,0.12);
    --shadow-lg: 0 4px 16px rgba(139,10,20,0.18);
    /* Continental Army uniform — navy facings, buff stripes, crimson piping */
    --era-band: repeating-linear-gradient(90deg,
        #14213d 0, #14213d 10px,
        #f5efe1 10px, #f5efe1 18px,
        #8b0a14 18px, #8b0a14 22px,
        #f5efe1 22px, #f5efe1 30px);
    --era-band-bg: #f5efe1;
}

body.era-revolutionary { background: #f5efe1; }

body.era-revolutionary .site-header {
    background: linear-gradient(180deg, #1f0f0f 0%, #2a1414 100%);
    border-bottom: none;
    box-shadow: 0 1px 0 #b8860b;
}
body.era-revolutionary .logo-icon { color: #d4a84a; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.4)); }
body.era-revolutionary .logo-text { color: #f5efe1; letter-spacing: 0.06em; font-family: var(--heading-font); }

body.era-revolutionary .main-content::before {
    content: '';
    display: block;
    width: 100%;
    height: 18px;
    background: var(--era-band);
    border-bottom: 2px solid #1f0f0f;
}

body.era-revolutionary .era-header,
body.era-revolutionary .region-header {
    background: #ede4cf;
    border-bottom: 3px double #8b0a14;
}

body.era-revolutionary .page-title,
body.era-revolutionary .product-page__title {
    font-family: var(--heading-font);
    color: #8b0a14;
    letter-spacing: 0.04em;
    text-shadow: 1px 1px 0 rgba(184,134,11,0.2);
}

body.era-revolutionary .section__title {
    font-family: var(--heading-font);
    color: #2a1a1a;
    padding-bottom: 1.4rem;
    margin-bottom: 1.5rem;
    position: relative;
}
body.era-revolutionary .section__title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 14px;
    background: var(--era-band);
}

body.era-revolutionary .btn--primary {
    background: linear-gradient(180deg, #a01020 0%, #8b0a14 60%, #6a0810 100%);
    color: #fdfaf2;
    border: 1px solid #4a0508;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0 2px 0 #4a0508, var(--shadow);
    letter-spacing: 0.04em;
}
body.era-revolutionary .btn--primary:hover {
    background: linear-gradient(180deg, #8b0a14 0%, #6a0810 100%);
}

body.era-revolutionary .product-form,
body.era-revolutionary .cart-summary,
body.era-revolutionary .philosopher-sidebar {
    background: #fdfaf2;
    border: 1px solid #d8c8a8;
    box-shadow: var(--shadow);
    border-radius: 2px;
    padding-top: 2rem;
    position: relative;
    overflow: hidden;
}
body.era-revolutionary .product-form::before,
body.era-revolutionary .cart-summary::before,
body.era-revolutionary .philosopher-sidebar::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 14px;
    background: var(--era-band);
}

body.era-revolutionary .shirt-card {
    background: #fdfaf2;
    border: 1px solid #d8c8a8;
    box-shadow: var(--shadow);
}

body.era-revolutionary .product-page__quote {
    color: #4a3838;
    border-left: 3px solid #b8860b;
    padding-left: 1rem;
}

body.era-revolutionary .quote-card {
    background: #fdfaf2;
    border-left: 3px solid #8b0a14;
}

body.era-revolutionary .product-page__meta {
    border-top: none;
    padding-top: 1.6rem;
    position: relative;
}
body.era-revolutionary .product-page__meta::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 14px;
    background: var(--era-band);
}

body.era-revolutionary .site-footer {
    background: #1f0f0f;
    border-top: none;
    position: relative;
    padding-top: calc(1rem + 18px);
}
body.era-revolutionary .site-footer::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 18px;
    background: var(--era-band);
    border-top: 2px solid #1f0f0f;
}