@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@700;800&display=swap');

:root{
 --ivory:#f8f4ee;
 --graphite:#1f2328;
 --navy:#18253f;
 --gold:#c88a16;
 --gold-soft:#e6c06a;
}

html,body{
 background:var(--ivory)!important;
 color:var(--graphite)!important;
 font-family:'Inter',sans-serif!important;
}

h1,h2,h3,h4,h5,h6,
.hero-title,
.section-title,
[class*="title"]{
 font-family:'Playfair Display',serif!important;
 color:var(--navy)!important;
 letter-spacing:.01em;
}

button,
.btn,
[role="button"]{
 background:var(--navy)!important;
 color:var(--ivory)!important;
 border:1px solid var(--gold)!important;
 border-radius:12px!important;
}

button:hover,
.btn:hover{
 filter:brightness(1.05);
}

a{
 color:var(--gold)!important;
}

.card,
[class*="card"],
section,
article{
 border-color:rgba(31,35,40,.12)!important;
}

input,textarea,select{
 border:1px solid rgba(31,35,40,.18)!important;
 border-radius:10px!important;
}

hr{
 border-color:rgba(200,138,22,.35)!important;
}

.highlight,
.accent,
.badge{
 background:rgba(200,138,22,.12)!important;
 color:var(--graphite)!important;
}

svg [fill="#22c55e"],
svg [fill="#10b981"]{
 fill:var(--gold)!important;
}

@media print{
 textarea{overflow:visible!important;height:auto!important;resize:none!important}
}