/* © 2026 The Closing Atelier, LLC. White-and-gold theme (Oct 8, 2026 preview), modelled on the approved white email
   signature (Option C): white/ivory paper, thin gold rules, gold serif headings, charcoal text, gold key.
   Loaded after site.css only when the site is built with the white theme (html[data-theme="white"]).
   Contrast (WCAG AA): text gold #7E5F1F is 5.9:1 on white and 5.4:1 on ivory; charcoal #333 is 12.6:1; muted #5A554B is 7.4:1.
   The bright golds (#C9A45C, #B08A3E) are only used for borders, rules and fills, never for small text.
   Black text on the gold buttons stays (8.4:1 on #C9A45C). */
html[data-theme="white"]{
  --black:#FFFFFF; --black-2:#FBF8F1; --black-3:#F5EFE2; --line-dark:#E3D3AE;
  --ivory:#FBF8F1; --ivory-2:#F5EFE2; --line-light:#E3D3AE;
  --on-dark:#333333; --on-dark-muted:#5A554B; --ink:#1F1B14; --ink-muted:#4F4A40;
  --gold-hi:#7E5F1F; --gold-ink:#7E5F1F; --gold-line:#B08A3E; --gold-text:#7E5F1F; --heading:#7E5F1F;
  --gold-deep-grad:linear-gradient(135deg,#9C7A3C 0%,#7E5F1F 55%,#6B5214 100%);
}

/* Dark islands that stay dark on purpose (the phone illustration, image overlays, the video placeholder):
   they get the original black-and-gold variables back. */
html[data-theme="white"] .phone,html[data-theme="white"] .stage-label,html[data-theme="white"] .video-ph{
  --black:#0A0A0A; --black-2:#121212; --black-3:#1B1A18; --line-dark:#2E2A22;
  --on-dark:#EDE7D6; --on-dark-muted:#BDB4A0; --gold-hi:#EAD39A;
}

/* Base */
html[data-theme="white"] body{background:#FFFFFF;color:var(--on-dark)}
html[data-theme="white"] a:hover{color:#1F1B14}
html[data-theme="white"] h1,html[data-theme="white"] h2,html[data-theme="white"] h3,html[data-theme="white"] h4,
html[data-theme="white"] .light h1,html[data-theme="white"] .light h2,html[data-theme="white"] .light h3,html[data-theme="white"] .light h4{color:var(--heading)}
html[data-theme="white"] .gold-text{background:var(--gold-deep-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (forced-colors:active){html[data-theme="white"] .gold-text{color:CanvasText;background:none}}
html[data-theme="white"] .light{background:var(--ivory)}
html[data-theme="white"] .eyebrow,html[data-theme="white"] .ornament,html[data-theme="white"] .pillar .num,html[data-theme="white"] .how-step .n,
html[data-theme="white"] .notfound .code,html[data-theme="white"] .vcard-brand,html[data-theme="white"] .vcard-title .sep,
html[data-theme="white"] .site-footer h2,html[data-theme="white"] .site-footer .footer-notices h2,html[data-theme="white"] .door-go{color:var(--gold-text)}
html[data-theme="white"] .eyebrow::before{background:var(--gold-line)}
html[data-theme="white"] .feature svg,html[data-theme="white"] .door svg,html[data-theme="white"] .pillar-icon,html[data-theme="white"] .benefit svg,
html[data-theme="white"] .stage-pane svg{color:#A07A30}
html[data-theme="white"] .hero .lead strong{color:#1F1B14}
html[data-theme="white"] .skip,html[data-theme="white"] .badge{color:#0A0A0A}
html[data-theme="white"] .rule{opacity:.8}

/* Buttons and links */
html[data-theme="white"] .btn-ghost{color:var(--gold-text);border-color:var(--gold-line)}
html[data-theme="white"] .btn-ghost:hover,html[data-theme="white"] .site-nav .btn-ghost:hover{color:#1F1B14;border-color:#7E5F1F}
html[data-theme="white"] .btn-gold{box-shadow:0 8px 22px -12px rgba(156,122,60,.6)}
html[data-theme="white"] .text-link{color:var(--gold-text);text-decoration-color:var(--gold-line)}
html[data-theme="white"] .text-link:hover{color:#1F1B14}
html[data-theme="white"] .card-btn{border-color:var(--gold-line);color:var(--gold-text)}
html[data-theme="white"] .card-btn:hover{background:rgba(201,164,92,.10);color:#1F1B14}

/* Header: white paper with a thin gold rule */
html[data-theme="white"] .site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--gold-line)}
html[data-theme="white"] .brand-word small{color:var(--gold-text)}
html[data-theme="white"] .brand-word span{color:#111111}
html[data-theme="white"] .brand stop:nth-child(1){stop-color:#C9A45C}
html[data-theme="white"] .brand stop:nth-child(2){stop-color:#B08A3E}
html[data-theme="white"] .brand stop:nth-child(3){stop-color:#8C6A28}
html[data-theme="white"] .site-nav a{color:#333333}
html[data-theme="white"] .site-nav a:hover,html[data-theme="white"] .site-nav a[aria-current="page"],html[data-theme="white"] .site-nav a.is-section{color:var(--gold-text)}
html[data-theme="white"] .site-nav a.nav-founder,html[data-theme="white"] .site-nav a.nav-founder:hover{color:#0A0A0A}
html[data-theme="white"] .site-nav a.nav-founder[aria-current="page"]{color:#0A0A0A;box-shadow:0 0 0 2px #FFFFFF,0 0 0 3px var(--gold-text)}
html[data-theme="white"] .nav-toggle{border-color:var(--gold-line);color:#333333}
@media (max-width:1100px){
  html[data-theme="white"] .site-nav{background:#FFFFFF;border-bottom:1px solid var(--gold-line);box-shadow:0 18px 30px -20px rgba(60,45,15,.35)}
}

/* Hero and page heroes: white with a faint warm glow */
html[data-theme="white"] .hero,html[data-theme="white"] .page-hero{background:radial-gradient(ellipse 70% 60% at 80% 0%,rgba(201,164,92,.10),transparent 60%),#FFFFFF;border-bottom:1px solid var(--line-dark)}
html[data-theme="white"] .hero-sub,html[data-theme="white"] .aud-hero .btn-note{color:#333333}

/* Home doors: white cards with a thin gold border; the founder card stays solid gold */
html[data-theme="white"] .door{background:#FFFFFF;border:1px solid var(--gold-line)}
html[data-theme="white"] .door:hover,html[data-theme="white"] .door:focus-visible{background:#FBF8F1;border-color:#7E5F1F}
html[data-theme="white"] .door-t{color:var(--heading)}
html[data-theme="white"] .door-d{color:var(--on-dark-muted)}
html[data-theme="white"] .door-founder,html[data-theme="white"] .door-founder:hover,html[data-theme="white"] .door-founder:focus-visible{background:var(--gold-grad);border-color:#B08A3E}
html[data-theme="white"] .door-founder .door-t,html[data-theme="white"] .door-founder svg,html[data-theme="white"] .door-founder .door-go{color:#0A0A0A}
html[data-theme="white"] .door-founder .door-d{color:#1E1A10}

/* Trust strip */
html[data-theme="white"] .trust-strip{background:#FBF8F1;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
html[data-theme="white"] .trust-items{color:#333333}
html[data-theme="white"] .trust-items svg{color:#A07A30}

/* Audience pages */
html[data-theme="white"] .benefit{background:#FFFFFF;border:1px solid var(--gold-line)}
html[data-theme="white"] .aud-visual{background:#FBF8F1;border:1px solid var(--gold-line)}
html[data-theme="white"] .aud-visual .illus-label,html[data-theme="white"] .light .aud-visual .illus-label{color:var(--on-dark-muted)}
html[data-theme="white"] .price-line{background:#FFFFFF;border:1px solid var(--gold-line);box-shadow:inset 0 0 0 5px #FFFFFF,inset 0 0 0 6px var(--line-dark)}
html[data-theme="white"] .price-big{color:var(--gold-text)}
html[data-theme="white"] .plan{border-color:var(--gold-line)}
html[data-theme="white"] .plan.featured{background:#FFFFFF;color:#333333;border:2px solid #B08A3E}
html[data-theme="white"] .plan.featured h3{color:var(--heading)}
html[data-theme="white"] .plan.featured .price{color:var(--gold-text)}
html[data-theme="white"] .founder-note{border-color:var(--line-dark);border-left-color:#B08A3E}
html[data-theme="white"] .frame{border-color:var(--gold-line)}
html[data-theme="white"] .frame::before{border-color:var(--line-dark)}
html[data-theme="white"] .disclosure,html[data-theme="white"] .disc-box{border-left-color:#B08A3E}
html[data-theme="white"] .wn-col+.wn-col{background:#FBF8F1;color:#333333}
html[data-theme="white"] .wn-col+.wn-col h3{color:var(--heading)}
html[data-theme="white"] .feature{background:#FFFFFF}
html[data-theme="white"] .features{background:var(--line-dark);border-color:var(--line-dark)}
html[data-theme="white"] .monogram{background:radial-gradient(circle at 50% 40%,rgba(201,164,92,.12),transparent 60%),#FBF8F1;border-color:var(--gold-line)}
html[data-theme="white"] .cta-band{background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(201,164,92,.12),transparent 70%),#FBF8F1}
html[data-theme="white"] .facts b{color:var(--gold-text)}

/* Wire-fraud warning: same text, thin gold frame on ivory */
html[data-theme="white"] .wire-warning,html[data-theme="white"] .vcard-wire{background:#FBF8F1;border-color:var(--gold-line);color:#333333}
html[data-theme="white"] .wire-warning{border-left:3px solid #B08A3E}
html[data-theme="white"] .wire-warning strong,html[data-theme="white"] .vcard-wire strong{color:var(--gold-text)}

/* Footer: ivory with a gold top rule */
html[data-theme="white"] .site-footer{background:#FBF8F1;border-top:1px solid var(--gold-line);color:var(--on-dark-muted)}
html[data-theme="white"] .site-footer a{color:#333333}
html[data-theme="white"] .site-footer a:hover{color:var(--gold-text)}
html[data-theme="white"] .footer-tag{color:var(--gold-text)}
html[data-theme="white"] .footer-legal,html[data-theme="white"] .footer-notices{border-top-color:var(--line-dark)}
html[data-theme="white"] .footer-legal a{text-decoration-color:var(--gold-line)}
html[data-theme="white"] .footer-langs a{border-color:var(--gold-line);color:#333333;background:#FFFFFF}
html[data-theme="white"] .footer-langs a:hover{color:var(--gold-text);border-color:#7E5F1F}
html[data-theme="white"] .fn-grid strong{color:#1F1B14}

/* Digital business card (/card/): white card like the email signature */
html[data-theme="white"] body.bare{background:radial-gradient(ellipse 90% 55% at 50% 0%,rgba(201,164,92,.10),transparent 65%),#FFFFFF}
html[data-theme="white"] .vcard{border-color:var(--gold-line);background:#FFFFFF}
html[data-theme="white"] .vcard::before{border-color:var(--line-dark)}
html[data-theme="white"] .vcard-name{color:#111111}
html[data-theme="white"] .vcard-title{color:var(--gold-text)}
html[data-theme="white"] .vcard-tag{color:var(--gold-text)}
html[data-theme="white"] .vcard-email a{color:#333333}

/* Trial vs. Subscriber comparison (Oct 8, 2026) */
html[data-theme="white"] .compare-wrap{border-color:var(--gold-line)}
html[data-theme="white"] table.compare thead th{background:#F5EFE2;color:#1F1B14;border-bottom:1px solid var(--gold-line)}
html[data-theme="white"] table.compare thead th:last-child{background:#C9A45C;color:#0A0A0A}
html[data-theme="white"] table.compare caption{color:#7E5F1F}

/* Wire fraud banner, white theme: white text on charcoal #1F1B14 (16:1), gold label #EAD39A (11:1). */
html[data-theme="white"] .wire-banner{--wb-bg:#1F1B14;background:var(--wb-bg);color:#FFFFFF;border-bottom:2px solid #B08A3E}
html[data-theme="white"] .wire-banner .wb-icon{color:#EAD39A}
html[data-theme="white"] .wire-banner .wb-label{color:#EAD39A}
/* Legal status note, white theme. */
html[data-theme="white"] .legal-status{background:#FBF8F1;border-bottom:1px solid var(--gold-line)}
html[data-theme="white"] .legal-status p{color:#333333}
html[data-theme="white"] .legal-status strong{color:var(--gold-text)}
html[data-theme="white"] .eho .eho-mark{color:#1F1B14}
html[data-theme="white"] .wire-banner{border-top:2px solid #B08A3E}
