/* Shared theme base for wedding pages and the identical editor document. Generated by qa-20260923-improvements/patch.py. */
:root{--hh24-aubergine:#000000;--hh24-aubergine-dark:#111111;--hh24-rose:#d8a7a7;--hh24-sage:#8ea296;--hh24-ink:#28232a;--hh24-mist:#f1ece8;--hh24-ivory:#fff9f4;--hh24-white:#fff;--hh24-shadow:0 24px 80px rgba(0,0,0,.12)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hh24-ivory);color:var(--hh24-ink);font:400 17px/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body *{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:var(--hh24-aubergine)}
button,input,select,textarea{font:inherit}
.screen-reader-text,.hh24-skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hh24-skip-link:focus{z-index:999;top:10px;left:10px;width:auto;height:auto;padding:10px 14px;clip:auto;background:#fff}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
:root{--hh24-wine: #5a1f2c;
	--hh24-wine-deep: #34151d;
	--hh24-ink: #241d1e;
	--hh24-ivory: #fbf7f1;
	--hh24-paper: #fffdf9;
	--hh24-sand: #e9dfd2;
	--hh24-gold: #a98755;
	--hh24-sage: #68786a;
	--hh24-blush: #dec1bd;
	--hh24-muted: #6f6464;
	--hh24-line: rgba(52, 21, 29, 0.15);
	--hh24-display: "Bodoni Moda Variable", Didot, "Times New Roman", serif;
	--hh24-body: "DM Sans Variable", Arial, sans-serif;
	--hh24-script: "Allura", cursive;
	--hh24-shadow-soft: 0 32px 90px rgba(52, 21, 29, 0.12);}
html{scroll-padding-top: 88px;}
body{background: var(--hh24-ivory);
	color: var(--hh24-ink);
	font-family: var(--hh24-body);
	font-size: 16px;
	line-height: 1.7;}
body *{box-sizing: border-box;}
:root{--hh24-v4-heading: "Playfair Display Variable", "Playfair Display", Georgia, serif;
	--hh24-v4-ink: #000000;
	--hh24-v4-text: #555555;
	--hh24-v4-plum: #000000;
	--hh24-v4-coral: #f78f82;
	--hh24-v4-blush: #fef4f3;
	--hh24-v4-lavender: #ededed;
	--hh24-v4-lavender-deep: #dedede;
	--hh24-v4-champagne: #d6b471;
	--hh24-v4-paper: #ffffff;
	--hh24-v4-white: #fff;
	--hh24-v4-border: #e7e3e1;
	--hh24-v4-shadow: 0 22px 70px rgba(34, 26, 37, .1);
	--hh24-v4-radius: 22px;
	--hh24-v4-hero-title: clamp(44px, 4.2vw, 55px);
	--hh24-v4-section-title-size: clamp(32px, 3vw, 40px);}
html{scroll-behavior: smooth;}
body{background: var(--hh24-v4-white);
	color: var(--hh24-v4-text);
	font-family: "Jost Variable", "Jost", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5;}
body p,body li,body input,body select,body textarea,body button{font-size: 18px;}
h1,h2,h3,h4,h5,h6{color: var(--hh24-v4-ink);
	font-family: "Playfair Display Variable", "Playfair Display", Georgia, serif;
	font-weight: 500;
	letter-spacing: -.025em;}
@media print{.dpcc-banner,.dpcc-settings-button{display:none!important;}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior: auto !important; transition: none !important;}}
.dpcc__button.dpcc__button--primary{border-color: #000 !important; background: #000 !important; color: #fff !important;}
.dpcc__button.dpcc__button--primary:hover,.dpcc__button.dpcc__button--primary:focus-visible{border-color: #f78f82 !important; background: #f78f82 !important; color: #000 !important;}
@media (max-width: 900px){:root{--hh24-v4-hero-title: clamp(40px, 6vw, 48px);
		--hh24-v4-section-title-size: clamp(32px, 4.6vw, 38px);}}
@media (max-width: 620px){:root{--hh24-v4-hero-title: clamp(34px, 9vw, 38px);
		--hh24-v4-section-title-size: clamp(29px, 7.8vw, 32px);}}
@media (max-width:680px){:root{--hh24-v4-hero-title:clamp(34px,9vw,38px);
		--hh24-v4-section-title-size:clamp(29px,7.8vw,32px);}}
@media (max-width:569px){body .dpcc__bar{gap:10px;
		padding:12px 13px;
		border-radius:18px;}
body .dpcc__title{margin-bottom:2px; font-size:15px;}
body .dpcc__bar p{font-size:12px; line-height:1.4;}
body .dpcc__legal{gap:14px; margin-top:4px;}
body .dpcc__bar-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px;}
body .dpcc__bar-actions .dpcc__button{min-height:42px; padding:8px 9px; font-size:11px;}
body .dpcc__bar-actions .dpcc__text-button{grid-column:1 / -1; min-height:32px; padding:0 2px;}}
