/* Jaidin's Corner site theme (2026-10-27, v4: his pick "H2c").
   Warm cream ground, ivory sections in a gold double frame, black titles with
   a fading gold underline, shiny gold buttons with black lettering, a black
   top bar and footer band with gold lettering. Loaded LAST on every page, so it
   re-points each page's own colour variables instead of rewriting the pages.
   The same file is copied into buy/, donations/ and site/. Edit one, copy it
   to the other two. */

:root{
  --ground:#efe3cd; --ground-2:#eadcc2; --ground-glow:#f7efe0;
  --ivory:#fffaf2; --ivory-2:#f6ecdc; --ivory-3:#efe2cb;
  --black:#141110; --ink-body:#2b2520; --ink-soft:#5e5346;
  --gold:#c9963d; --gold-hi:#e7c46e; --gold-deep:#8a6420; --gold-line:rgba(201,150,61,.55);
  /* the pages' own variables, re-pointed */
  --bg:var(--ground); --cream:var(--ivory); --cream2:var(--ivory-2); --creamdark:var(--ivory-3);
  --ink:var(--black); --red:var(--black);
}

/* ground + type */
html body{
  background:var(--ground)!important;
  background-image:radial-gradient(ellipse 120% 60% at 50% 0%,var(--ground-glow) 0,var(--ground) 55%,var(--ground-2) 100%)!important;
  background-attachment:fixed!important;
  color:var(--ink-body);
}
body *{font-family:'Jost',-apple-system,sans-serif!important}
body h1,body h2,body h3,body .foot-tag,body .head p,body .serif,
body [style*="Fira Sans"],body [style*="Cormorant"],body [style*="Garamond"]{
  font-family:'Cormorant Garamond',Georgia,serif!important;
}
body h1,body h2,body h3{font-weight:700!important;letter-spacing:.2px}
body h2{font-size:1.25em}
a{color:inherit}

/* ivory sections in a gold double frame */
.head,header.hero,.card,.lbtn,.mini,.tarot-checkout-shell,[id$="-modal"]>div,#jc-pop{
  background:var(--ivory)!important;color:var(--ink-body)!important;
  border:2px solid var(--gold)!important;
  box-shadow:inset 0 0 0 4px var(--ivory),inset 0 0 0 5px var(--gold-line),0 10px 26px rgba(20,14,8,.12)!important;
}
.card:hover,.lbtn:hover,.mini:hover{box-shadow:inset 0 0 0 4px var(--ivory),inset 0 0 0 5px var(--gold),0 14px 32px rgba(20,14,8,.18)!important}
.head,header.hero{border-radius:16px;margin-top:22px;padding:24px 18px 20px!important}
.card.dark{background:var(--ivory-2)!important}

/* titles: black, with a fading gold underline */
.head h1,header.hero h1,.card :is(h1,h2,h3,h4),.mini h2,.wdone h3,.tarot-modal-head h2,#jc-pop h3,.lbtn{color:var(--black)!important}
.head h1,.card h2,.mini h2{padding-bottom:5px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent) bottom/100% 2px no-repeat!important}
.head h1{display:inline-block}
.card h2,.mini h2{display:block}
.head p,.head .menu-hint,header.hero .sub{color:var(--ink-soft)!important;font-size:17px!important}
.head p a{color:var(--gold-deep)!important}

/* links, tags and small labels inside sections */
.card a:not(.buy):not(.lbtn):not(.btn),.mini a:not(.buy){color:var(--gold-deep)!important}
.lbtn .go,.card .more{color:var(--gold-deep)!important}
.card .badge,.badge{background:var(--gold)!important;color:var(--black)!important;border:0!important}
.card .badge.soon{background:var(--ivory-3)!important;color:var(--ink-soft)!important}

/* buttons: shiny gold, black lettering */
.buy,.wsubmit,.btn,.card .buy,.mini .buy,.cform button,.tarot-success .buy,#jc-pop form button{
  background:linear-gradient(180deg,var(--gold-hi),var(--gold))!important;color:var(--black)!important;
  border:1px solid #a9792a!important;font-weight:700!important;
}
.buy:hover,.wsubmit:hover,.btn:hover{background:linear-gradient(180deg,#f0d07c,#d4a24a)!important;filter:none!important}
.buy.dark,[style*="background:#16171f"]{background:var(--black)!important;color:var(--gold-hi)!important;border:1px solid var(--gold)!important}
[style*="background:#da4167"]{background:var(--gold)!important}

/* tabs and pill switches */
.tabs .tab,.subtab,.support-tab{
  background:var(--ivory)!important;color:var(--black)!important;border:1px solid var(--gold-line)!important;
}
.tabs .tab.active,.subtab.active,.support-tab.active{
  background:linear-gradient(180deg,var(--gold-hi),var(--gold))!important;color:var(--black)!important;border-color:#a9792a!important;
}
.amt-chip.active,.tarot-option:hover{border-color:var(--gold)!important}
input[type="checkbox"],input[type="radio"]{accent-color:var(--gold-deep)}

/* form fields */
input:not([type="checkbox"]):not([type="radio"]),textarea,select{
  background:#ffffff!important;color:var(--black)!important;border-color:var(--gold-line)!important;
}
input::placeholder,textarea::placeholder{color:#8b7d6a!important}

/* writing straight on the cream ground (the pages wrote it white for the old navy) */
.sect,.fine,.price-note,.apps-note,.beta-note,.guide-index,.guide-index span,.updated,.home a,.status,#done p,.sub,.muted,
.crumb a,[style*="color:#9aa"],[style*="color:#cfd2dc"]{color:var(--ink-soft)!important}
.guide-index a,.updated a,.beta-note a,.wrap > p a,.wrap > :is(ul,ol) li a{color:var(--gold-deep)!important}
.wrap > :is(h1,h2,h3),.vow,.tag{color:var(--black)!important}
.wrap > p,.wrap > :is(ul,ol) li,.wrap > :is(ul,ol) li strong{color:var(--ink-body)!important}
.tag{text-shadow:none!important}

/* black top bar with a gold underline */
nav.site-menu-bar,.crumb,.top{background:var(--black)!important;border-bottom:3px solid var(--gold)!important}
.site-menu>summary{color:var(--gold-hi)!important;border-color:var(--gold)!important}
.site-menu[open]>summary{background:rgba(231,196,110,.12)!important}
.site-menu-panel{background:var(--black)!important;border-color:var(--gold-line)!important}
.site-menu-panel a{color:#f1e2bf!important}
.site-menu-panel a:hover,.site-menu-panel a:focus-visible{background:rgba(231,196,110,.12)!important;color:var(--gold-hi)!important}
.site-menu-panel hr{border-top-color:rgba(231,196,110,.25)!important}
.crumb a:hover,.crumb a.here{color:var(--gold-hi)!important}

/* black footer band with gold lettering */
footer{background:var(--black)!important;border-top:3px solid var(--gold)!important;color:var(--gold-hi)!important}
footer *,footer .foot-tag{color:var(--gold-hi)!important}
footer a{color:#f1e2bf!important}

/* reading pages (free ebook previews, Discord): an ivory page in a black and
   gold frame */
.jc-reading .wrap{background:var(--ivory)!important;color:var(--ink-body)!important;border:1px solid var(--gold)!important;box-shadow:0 0 0 8px var(--black),0 0 0 10px var(--gold),0 18px 40px rgba(20,14,8,.3)!important;margin-top:24px!important;margin-bottom:24px!important;min-height:0!important;border-radius:6px}
.jc-reading .wrap a:not(.buy):not(.btn):not([style*="background:var(--red)"]){color:var(--gold-deep)!important}
@media (max-width:520px){.jc-reading .wrap{margin:18px 14px!important;padding:32px 20px!important}}

/* fixes found by the contrast check */
.card :is(p,li),.card :is(p,li) :is(strong,b){color:var(--ink-body)!important}
.boundary{background:var(--ivory-2)!important;color:var(--ink-body)!important;border:1px solid var(--gold-line)!important}
.boundary :is(h2,p,b){color:var(--ink-body)!important}
#jc-fail{background:#fbecea!important;border-color:#c98a80!important;color:#5a1d16!important}
#jc-fail *{color:#5a1d16!important}