/* ===== Ancient Archive Theme (non-destructive) ===== */
:root {
    --oak: #3a2c23;
    --brass: #b08d57;
    --ink: #2b2620;
    --parchment: #efe2c2;
    --parchment-ink: #251e16;
    --parchment-edge: #cbb891;
    --seal: #8b2a2a;
    --shadow: rgba(0,0,0,.14);
    --shadow-strong: rgba(0,0,0,.25);
}

/* Body switch */
/*body {
    color: var(--parchment-ink);
    background: radial-gradient(100% 60% at 50% 0%, rgba(255,255,255,.35), transparent 70%), radial-gradient(120% 80% at 50% 120%, rgba(0,0,0,.25), transparent 70%), #2b241c;
}*/

    /* Oak header bar with brass line */
/*    body header {
        background: linear-gradient(180deg, #4a3a2e 0%, #3d2f25 80%);
        border-bottom: 2px solid var(--brass) !important;
        box-shadow: 0 10px 24px var(--shadow-strong) inset;
    }

        body header .logo a,
        body header a {
            color: #f4e7c8 !important;
        }*/

    /* Hero becomes a library banner */
.hero {
    background: linear-gradient(rgba(18, 18, 18, 0.8), rgba(18, 18, 18, 0.8)), url('/assets/old-book.jpg') no-repeat center center;
    background-size: cover;
    border-bottom: 1px solid rgba(176,141,87,.35);
}

/* Parchment “scroll” surface */
 .scroll,
 .background-item,
 .spell-item,
 .class-card,
 .class-detail,
 .class-section,
 #results > div {
    background:
    /* subtle fibrous texture */
    url("data:image/svg+xml;utf8,\
      <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'>\
        <filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 .08 0'/></filter>\
        <rect width='120' height='120' filter='url(%23n)' fill='rgba(0,0,0,0.06)'/>\
      </svg>") repeat, radial-gradient(200% 140% at 50% 0%, #f6ecd0 0%, #eadfbf 40%, #e1d3aa 70%, #d5c496 100%);
    color: var(--parchment-ink);
    border: 1px solid var(--parchment-edge);
    box-shadow: 0 2px 0 var(--oak), 0 8px 24px var(--shadow);
    border-radius: 14px;
    position: relative;
}

    /* curled corners */
     .background-item::before,
     .spell-item::before,
     .class-card::before,
     .class-detail::before,
     .class-section::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 14px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -40px 80px rgba(0,0,0,.06);
        pointer-events: none;
    }

/* Headings: Uncial with subtle emboss */
 h1,  h2,  h3,  h4 {
    font-family: 'Uncial Antiqua', serif !important;
    letter-spacing: .3px;
    color: white;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

/* Wax-seal style buttons */
 /*.btn,
 .btn-link,
 #checkout,
 #clear-cart,
 #open-cart {
    background: radial-gradient(120% 100% at 30% 20%, #b84a4a, #8b2a2a 60%, #6f1f1f);
    color: #ffe9d8 !important;
    border: 1px solid #5d1919;
    border-radius: 999px;
    box-shadow: 0 2px 0 #5d1919, 0 8px 16px rgba(0,0,0,.25);
}

     .btn:hover,
     .btn-link:hover {
        filter: brightness(1.05);
    }*/

/* Cards grid on oak shelf */
 .cards-grid {
    background: linear-gradient(180deg, rgba(0,0,0,.12), transparent);
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(176,141,87,.35);
    box-shadow: inset 0 40px 80px rgba(176,141,87,.06);
}

/* Replace your plain white card look */
 .background-item,  .spell-item {
    margin: 14px 0;
    padding: 16px 16px 12px;
}

     .background-item h3,  .spell-item h3 {
        color: black !important;
    }

/* Dividers like quill strokes */
 .table th,  .table td {
    border-bottom: 1px dashed #bda97f !important;
}

 .pill {
    background: #efe2c2;
    border: 1px solid #cbb891;
    color: #6a5738;
}

/* Drop cap on leading paragraph in hero or first section */
 /*.page-content p:first-of-type::first-letter,
 .hero p::first-letter {
    float: left;
    font-size: 3.2rem;
    line-height: .9;
    padding: .2rem .5rem .2rem .1rem;
    font-family: 'Uncial Antiqua',serif;
    color: black;
}*/

/* Candlelight shimmer on page title */
@keyframes candle {
    0%,100% {
        text-shadow: 0 0 0 rgba(255,220,160,.0), 0 0 0 rgba(255,190,120,.0);
    }

    50% {
        text-shadow: 0 0 10px rgba(255,220,160,.45), 0 0 28px rgba(255,190,120,.25);
    }
}

 .hero h1,  .page-content h1 {
    animation: candle 3s ease-in-out infinite;
}





/* Light mode safety */
body.light {
    background: #efe6cf;
}

/* Keep your floating cart readable */
 .cart-modal .cart-panel {
    background: radial-gradient(160% 120% at 50% 0%, #f4ebd2, #e6d8b8);
    border: 1px solid #cbb891;
    color: #2b2620;
}