/* GIRVI STUDIO DESIGN SYSTEM R1 - PUBLIC / LANDING UI.
   Mint/ivory + emerald + gold, adapted from the approved Premium Receipt Studio.
   Do not alter forms, navigation behavior, heights, media or print content. */
@media screen {
html{
 --girvi-studio-deep:#043f32;
 --girvi-studio-green:#075642;
 --girvi-studio-emerald:#076e50;
 --girvi-studio-gold:#e9b33d;
 --girvi-studio-edge:#e1c893;
 --girvi-studio-bg:#fff9e8;
 --girvi-studio-card:#fffdfa;
}
html[data-theme="light"]{
 --bg:#fff9e8;
 --surface:#fffdfa;
 --surface-2:#fff1cd;
 --line:#e1c893;
 --brand:#075642;
 --brand-2:#076e50;
 --gold:#e9b33d;
 --accent:#e9b33d;
 --accent1:#075642;
 --accent2:#e9b33d;
 --accent3:#076e50;
 --txt:#172921;
 --mut:#557063;
 --mut2:#6a7b6c;
 --glass:rgba(255,253,246,.94);
 --glass2:rgba(255,247,227,.88);
 --bd:rgba(158,121,49,.28);
 --shadow:0 12px 38px rgba(72,54,15,.12);
 --shadow2:0 8px 28px rgba(72,54,15,.10);
}
html[data-theme="light"] body{
 color:#172921!important;
 background:
  radial-gradient(ellipse at 9% 12%,rgba(243,206,111,.24),transparent 32%),
  radial-gradient(ellipse at 92% 12%,rgba(7,110,80,.07),transparent 37%),
  linear-gradient(110deg,#fff5d3,#fffdfa 52%,#f4f4e7)!important;
}
/* Shared public navigation: emerald with gold accent, same style as Studio hero. */
html[data-theme="light"] body .topnav{
 background:linear-gradient(112deg,#043f32,#076e50 66%,#075642)!important;
 border-bottom:1px solid #cda849!important;
 box-shadow:0 9px 26px rgba(4,63,50,.18)!important;
}
html[data-theme="light"] body .topnav :is(.nav a,.brandText b,.brandText small){
 color:#fff5d8!important;
}
html[data-theme="light"] body .topnav .nav a:is(.active,:hover,[aria-current="page"]){
 color:#153d2f!important;
 background:linear-gradient(115deg,#ffe49b,#e9b33d)!important;
 opacity:1!important;
}
html[data-theme="light"] body :is(.navDrawer,.navMask.open~.navDrawer){
 background:linear-gradient(120deg,#043f32,#075642)!important;
 border-color:#b99948!important;
}
html[data-theme="light"] body .navDrawer a{color:#fff7e7!important}
html[data-theme="light"] body .navDrawer a:is(.active,:hover){
 background:rgba(235,186,76,.22)!important;
 color:#fff2bb!important;
}
html[data-theme="light"] body .menuBtn{
 background:#095a46!important;
 border-color:#d5b15d!important;
 color:#fff2ce!important;
}
html[data-theme="light"] body .themeFab{
 border-color:#d6ae54!important;
 color:#f6e6b6!important;
 background:linear-gradient(135deg,#075642,#0b7556)!important;
}
/* Modern v6 landing header stays warm/ivory and uses green/cream actions. */
html[data-theme="light"] body .site-header{
 background:linear-gradient(109deg,rgba(255,251,239,.96),rgba(255,243,210,.96))!important;
 border-bottom:1px solid #e1c893!important;
 box-shadow:0 7px 20px rgba(72,54,15,.08);
}
html[data-theme="light"] body .site-header :is(.brand-word,.desktop-nav a){
 color:#075642!important;
}
html[data-theme="light"] body .site-header .desktop-nav a:is(.active,:hover){
 color:#fffdf1!important;
 background:linear-gradient(110deg,#06533d,#13765c)!important;
 border-radius:12px!important;
}
html[data-theme="light"] body .site-header :is(.theme-btn,.btn-ghost,.menu-btn){
 color:#075642!important;
 border-color:#d6bd83!important;
 background:#fff8e6!important;
}
/* Section hierarchy, main cards, and supporting panels. */
html[data-theme="light"] body :is(.glass,.card,.cta,.model-card,.mini-card,.feature-card,.service-card,.review-card,.stat-card,.step,.value-card,.notice,.contact-card,.panel,.offer-card,.rate-card),
html[data-theme="light"] body .h2-card{
 color:#172921!important;
 background:linear-gradient(145deg,#fffefa,#fff2d1)!important;
 border-color:#e1c893!important;
 box-shadow:0 10px 28px rgba(72,54,15,.095)!important;
}
html[data-theme="light"] body :is(.glass,.card,.cta,.model-card,.mini-card,.feature-card,.service-card) :is(h2,h3,b,strong),
html[data-theme="light"] body .h2-card-title{
 color:#075642!important;
}
html[data-theme="light"] body :is(.section h2,.section-head h2,.section-title,.sectionTitle,.process-intro h2,.value-content h2),
html[data-theme="light"] body .h2-section h2{
 color:#075642!important;
}
html[data-theme="light"] body :is(.section-kicker,.kicker,.eyebrow,.h2-eyebrow){
 color:#b98518!important;
}
html[data-theme="light"] body :is(.tag,.chip,.badge,.pill,.h2-trend-pill){
 border-color:#ddc48b!important;
 background:#fff2cf!important;
 color:#075642!important;
}
/* Readable emerald-tinted hero, without replacing existing video/image elements. */
html[data-theme="light"] body .hero{
 background-color:#075642;
}
html[data-theme="light"] body .hero .h1,
html[data-theme="light"] body .hero .hero-copy h1,
html[data-theme="light"] body .hero .heroText h1{
 color:#fff1bd!important;
}
html[data-theme="light"] body .hero :is(.heroText,.hero-lead,.sub,.heroSub),
html[data-theme="light"] body .hero .heroText p{
 color:#fff7e1!important;
}
html[data-theme="light"] body .hero :is(.kicker,.eyebrow){
 color:#f7db92!important;
}
html[data-theme="light"] body .hero :is(.glass,.card,.model-card,.mini-card){
 color:#172921!important;
}
html[data-theme="light"] body .h2-vignette{
 background:
  radial-gradient(1000px 490px at 78% 16%,rgba(7,110,80,.22),transparent 55%),
  linear-gradient(180deg,rgba(4,63,50,.46),rgba(4,63,50,.32) 45%,rgba(4,43,33,.78))!important;
}
html[data-theme="light"] body .h2-section{background:#fff9e8!important}
html[data-theme="light"] body .h2-card-text{color:#557063!important}
html[data-theme="light"] body .h2-trend-pill{
 color:#fff1c5!important;
 border-color:#d4b672!important;
 background:rgba(4,63,50,.77)!important;
}
html[data-theme="light"] body :is(.btn.primary,.btn.btn-primary,.btnPrimary,.button.primary,.h2-auth-btn),
html[data-theme="light"] body a.nav-login{
 background:linear-gradient(110deg,#06533d,#13765c)!important;
 border:1px solid #06533d!important;
 color:#fffdf4!important;
 box-shadow:0 6px 16px rgba(4,63,50,.16)!important;
}
html[data-theme="light"] body :is(.btn.primary,.btn.btn-primary,.h2-auth-btn) :is(b,span){
 color:inherit!important;
}
html[data-theme="light"] body :is(.btn:not(.primary):not(.btn-primary),.h2-btn-ghost,.btn-soft,.btn.secondary){
 border-color:#d7bd82!important;
 background:#fff8e3!important;
 color:#075642!important;
}
html[data-theme="light"] body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select,.field){
 border-color:#d8c28f!important;
 background:#fffdfa!important;
 color:#172921!important;
}
html[data-theme="light"] body :is(input,textarea,select,.btn,a):focus-visible{
 outline:3px solid rgba(47,148,123,.68)!important;
 outline-offset:3px;
}
/* Footer matches Studio deep green section banner. */
html[data-theme="light"] body :is(.footer,.site-footer,.footerPanel){
 background:linear-gradient(110deg,#043f32,#075642)!important;
 border-color:#b99649!important;
 color:#fff3d8!important;
}
html[data-theme="light"] body :is(.footer,.site-footer) :is(a,p,small,span,b,h2,h3,strong){
 color:#fff3d8!important;
}
html[data-theme="light"] body :is(.footer,.site-footer) a:hover{color:#f3c75b!important}
/* Dark mode: retain toggle and responsive layouts, replace violet/black with deep emerald. */
html[data-theme="dark"]{
 --bg:#0c1c19;
 --surface:#173029;
 --surface-2:#203d33;
 --line:rgba(228,190,111,.27);
 --txt:#f5eedb;
 --mut:#bbcfbf;
 --mut2:#a8c2b2;
 --accent1:#e9b33d;
 --accent2:#2b9777;
 --accent3:#e9b33d;
}
html[data-theme="dark"] body{
 background:radial-gradient(1000px 600px at 5% 5%,rgba(17,106,81,.22),transparent 50%),linear-gradient(130deg,#0d211c,#0b1717 60%,#153529)!important;
 color:#f5efdb!important;
}
html[data-theme="dark"] body :is(.topnav,.site-header,.navDrawer,.footer,.site-footer){
 background:linear-gradient(112deg,#043f32,#075642)!important;
 border-color:rgba(224,178,85,.3)!important;
}
html[data-theme="dark"] body :is(.glass,.card,.cta,.model-card,.mini-card,.feature-card,.service-card,.review-card,.h2-card,.panel){
 color:#f7eed7!important;
 background:linear-gradient(145deg,#19372e,#203b32)!important;
 border-color:rgba(225,189,104,.3)!important;
}
html[data-theme="dark"] body :is(.section h2,.section-head h2,.h2-section h2,.h2-card-title){
 color:#f0d999!important;
}
html[data-theme="dark"] body .h2-section{background:#0d231c!important}
html[data-theme="dark"] body :is(.btn.primary,.btn.btn-primary,.nav-login){
 color:#173226!important;
 background:linear-gradient(115deg,#ffe39a,#e4ac2a)!important;
 border-color:#ba8417!important;
}
html[data-theme="dark"] body :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
 background:#203c33!important;
 color:#fff3df!important;
 border-color:rgba(231,184,90,.3)!important;
}
@media(max-width:720px){
 html[data-theme="light"] body .hero :is(.h1,.hero-copy h1){font-size:clamp(31px,9vw,52px)}
}
}
@media print{html{--girvi-studio-design-disabled:1}}