/* HDF Brand Guidelines: typography pp. 19–28, palette p. 30, logo pp. 12–17.
   Reusable type and color tokens. The approved opening has its own choreography
   and sizing in call-opening.css; no opening composition is overridden here.
   Original brand SVG colors, geometry and proportions remain untouched. */

:root{
 --hdf-blue:#2564AA;--hdf-yellow:#FED545;--hdf-charcoal:#1C1C1C;--hdf-white:#FFFFFF;--hdf-red:#BB0305;
 --hdf-blue-rgb:37,100,170;--hdf-charcoal-rgb:28,28,28;--hdf-white-rgb:255,255,255;

 /* Reserved for approved short accents. No accent face is used in this edition. */

 --section-space:clamp(4.5rem,8vw,8rem);--content-measure:42rem;
 --ivory:var(--hdf-white);--paper:var(--hdf-white);--ink:var(--hdf-charcoal);--blue:var(--hdf-blue);--gold:var(--hdf-yellow);
 --muted:rgba(var(--hdf-charcoal-rgb),.74);--line:rgba(var(--hdf-charcoal-rgb),.17)
}
html{scroll-padding-top:6.25rem}
body{color:var(--hdf-charcoal);background:var(--hdf-charcoal)}
/* Brand colors. Photography itself is never recolored. */
.sight-stage{background:var(--hdf-charcoal);color:var(--hdf-white)}
.site-header{color:var(--hdf-white);}.site-header.light{color:var(--hdf-charcoal);background:rgba(var(--hdf-white-rgb),.97)}.site-header.scrolled:not(.light){background:rgba(var(--hdf-charcoal-rgb),.93)}
/* Existing header/footer spacing supplies the required half-symbol clear space.
   The two approved logo files supply the contrasting wordmark treatments. */
.brand img,.site-header.light .brand img,.footer-brand img{filter:none;opacity:1;object-fit:contain}
.opportunity{background:var(--hdf-white);color:var(--hdf-charcoal)}
.journey-stage{background:var(--hdf-white)}
.journey-heading .eyebrow,.journey-copy,.map-note,.route-city span{color:var(--hdf-charcoal)}.journey-heading h2,.route-city{color:var(--hdf-blue)}
.sight-shade{background:linear-gradient(180deg,rgba(var(--hdf-charcoal-rgb),.55),rgba(var(--hdf-charcoal-rgb),.12) 45%,transparent 63%,rgba(var(--hdf-charcoal-rgb),.68))}
.sight-copy .eyebrow,.sight-copy h2,.sight-second,.destination-dates>span{color:var(--hdf-white)}.detail-line{background:var(--hdf-yellow)}
.aperture-left,.aperture-right{background:var(--hdf-charcoal)}
.amanah{background:var(--hdf-charcoal);color:var(--hdf-white)}.amanah-intro .eyebrow,.amanah-intro>p:last-child,.amanah-details p,.return-note{color:var(--hdf-white)}.amanah-intro h2 em,.care-number,.return-note>span:first-child,.return-note>span:last-child{color:var(--hdf-yellow)}
.donate-button{background:var(--hdf-blue);color:var(--hdf-white);border-radius:999px;border:1px solid var(--hdf-blue)}.donate-button:hover{background:var(--hdf-blue);box-shadow:inset 0 0 0 100px rgba(var(--hdf-charcoal-rgb),.12)}
.giving-copy h2,.details-grid h3{color:var(--hdf-charcoal)}.giving-copy h2>span,.campaign-figures strong,.closing-line,.contribute-button{color:var(--hdf-blue)}
.giving-description,.campaign-state,.contribution-note,.details-grid>div>p:last-child,.program-details details p,.details-grid .eyebrow,.opportunity-top .eyebrow,.giving-photo figcaption,.campaign-figures small,.site-footer{color:var(--hdf-charcoal)}
.giving-photo{background:var(--hdf-white);border-color:rgba(var(--hdf-charcoal-rgb),.16)}.campaign-state>span{background:var(--hdf-blue)}.contribute-button{border-color:rgba(var(--hdf-blue-rgb),.3)}.closing-line img{transform:none}
.site-footer{background:linear-gradient(rgba(var(--hdf-charcoal-rgb),.035),rgba(var(--hdf-charcoal-rgb),.035)),var(--hdf-white)}
/* Giving and chapter dialogs use the same hierarchy and readable controls. */
dialog{background:var(--hdf-white);color:var(--hdf-charcoal)}dialog::backdrop{background:rgba(var(--hdf-charcoal-rgb),.67)}
.chapters-dialog h2,.donation-dialog h2{color:var(--hdf-blue)}
.chapters-dialog nav>a{min-height:44px}.chapters-dialog nav>a>span{color:var(--hdf-charcoal)}.dialog-details{border-color:var(--hdf-blue);}
.donation-dialog p:not(.eyebrow),.amount-label,.donation-dialog .dialog-footnote{color:var(--hdf-charcoal);}
#gift-description{color:var(--hdf-charcoal);min-height:0}
.gift-options button{border-color:rgba(var(--hdf-blue-rgb),.35);color:var(--hdf-charcoal);}
.gift-options button[aria-pressed=true]{background:rgba(var(--hdf-blue-rgb),.075);border-color:var(--hdf-blue);color:var(--hdf-blue)}
.amount-label{display:block;}.amount-input{border-color:var(--hdf-blue);color:var(--hdf-blue)}.amount-input input{color:var(--hdf-blue);}
.amount-input input[aria-invalid=true]:not(:placeholder-shown){border-bottom:1px solid var(--hdf-red)}
.donation-dialog .large{min-height:48px}
.donation-dialog .large:disabled{background:rgba(var(--hdf-charcoal-rgb),.08);border-color:transparent;color:rgba(var(--hdf-charcoal-rgb),.7)}
.reading-progress{background:rgba(var(--hdf-white-rgb),.2)}#reading-progress{background:var(--hdf-yellow)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--hdf-yellow)}.opportunity button:focus-visible,.opportunity a:focus-visible,dialog button:focus-visible,dialog a:focus-visible,.site-footer a:focus-visible,.program-details summary:focus-visible{outline-color:var(--hdf-blue)}
