/* GIRVI V5.1 — LIGHT THEME CORRECTION ONLY
   Layout, dark theme, content, animations and responsive rules are intentionally untouched. */

body[data-theme="light"]{
  --bg:#f6f8fb;
  --surface:#ffffff;
  --surface-2:#f1f5f8;
  --ink:#122033;
  --muted:#64758a;
  --line:#dce4ec;
  --gold:#dda72a;
  --gold-2:#f7d77a;
  --gold-deep:#9b680d;
  --teal:#148c92;
  --teal-soft:#e7f6f5;
  --navy:#0b1a2a;
  --green:#159d69;
  --red:#c94d5b;
  --shadow:0 24px 68px rgba(29,47,66,.10);
  background:
    radial-gradient(circle at 4% 8%,rgba(247,215,122,.13),transparent 26rem),
    radial-gradient(circle at 96% 34%,rgba(20,140,146,.08),transparent 28rem),
    linear-gradient(180deg,#fbfcfe 0%,#f6f8fb 48%,#f8fafc 100%);
  color:var(--ink);
}

/* Global ambient layer: quieter and cleaner on light surfaces. */
body[data-theme="light"] .micro-grid{
  opacity:.28;
  background-image:
    linear-gradient(rgba(18,32,51,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,140,146,.020) 1px,transparent 1px);
}
body[data-theme="light"] .page-glow-a{background:rgba(247,215,122,.16)}
body[data-theme="light"] .page-glow-b{background:rgba(20,140,146,.075)}

/* Header */
body[data-theme="light"] .site-header{
  background:rgba(251,252,254,.88);
  border-bottom-color:rgba(220,228,236,.66);
  box-shadow:0 1px 0 rgba(255,255,255,.8);
}
body[data-theme="light"] .site-header.scrolled{
  background:rgba(255,255,255,.94);
  border-bottom-color:#dce4ec;
  box-shadow:0 12px 34px rgba(27,44,62,.08);
}
body[data-theme="light"] .desktop-nav a{color:#5e7085}
body[data-theme="light"] .desktop-nav a:hover{color:#122033}
body[data-theme="light"] .theme-btn,
body[data-theme="light"] .menu-btn{
  background:#fff;
  border-color:#dce4ec;
  box-shadow:0 8px 20px rgba(29,47,66,.05);
}
body[data-theme="light"] .btn-ghost,
body[data-theme="light"] .btn-soft{
  background:rgba(255,255,255,.90);
  border-color:#dce4ec;
}
body[data-theme="light"] .btn-soft{background:#f6f8fb}
body[data-theme="light"] .btn-primary{
  background:linear-gradient(135deg,#f9da7e 0%,#e4b134 56%,#d79b17 100%);
  box-shadow:0 14px 30px rgba(200,145,20,.20);
}
body[data-theme="light"] .btn-primary:hover{box-shadow:0 18px 38px rgba(200,145,20,.26)}

/* Hero — pearl rather than washed cream. */
body[data-theme="light"] .hero{
  background:
    radial-gradient(circle at 14% 24%,rgba(247,215,122,.17),transparent 25%),
    radial-gradient(circle at 78% 18%,rgba(20,140,146,.075),transparent 27%),
    linear-gradient(135deg,#fffdf8 0%,#fafcff 48%,#f4faf9 100%);
  border-bottom:1px solid #e5eaf0;
}
body[data-theme="light"] .hero:before{
  background:radial-gradient(circle at 14% 24%,rgba(247,215,120,.10),transparent 24%),radial-gradient(circle at 76% 18%,rgba(19,143,146,.055),transparent 26%);
}
body[data-theme="light"] .eyebrow,
body[data-theme="light"] .section-kicker{filter:saturate(1.05)}
body[data-theme="light"] .hero-copy h1{color:#102035}
body[data-theme="light"] .hero-lead{color:#61748a}
body[data-theme="light"] .hero-trust>div{border-top-color:#d9e2ea}
body[data-theme="light"] .hero-trust strong{color:#17263a}
body[data-theme="light"] .hero-trust small{color:#6a7b90}

/* Presentation cards */
body[data-theme="light"] .model-card,
body[data-theme="light"] .mini-card{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  border-color:#dbe4ec;
  box-shadow:0 26px 66px rgba(29,47,66,.09);
}
body[data-theme="light"] .model-card:before{
  background:
    radial-gradient(circle at 70% 30%,rgba(20,140,146,.09),transparent 27%),
    radial-gradient(circle at 28% 74%,rgba(247,215,120,.22),transparent 31%);
}
body[data-theme="light"] .model-halo{
  background:radial-gradient(circle at 45% 38%,rgba(255,255,255,.96),rgba(247,215,120,.37) 31%,rgba(20,140,146,.085) 62%,transparent 72%);
}
body[data-theme="light"] .model-meta{background:#fbfcfe;border-top-color:#dfe6ed;color:#607287}
body[data-theme="light"] .pill-gold{background:#fff6dc;border-color:#f0dda2;color:#96630b}
body[data-theme="light"] .mini-card>a{color:#936009}
body[data-theme="light"] .support-icon{background:#e6f6f5;color:#087d83}

/* Market band gets its own crisp white layer. */
body[data-theme="light"] .rate-band{
  background:linear-gradient(90deg,#ffffff 0%,#fbfcfe 58%,#f7fbfb 100%);
  border-block-color:#dce4ec;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-theme="light"] .rate-band-grid>*+*{border-left-color:#dce4ec}
body[data-theme="light"] .rate-tile:hover,
body[data-theme="light"] .rate-time:hover{background:#f3f7fa}

/* Quick actions — clean white/cards with a gentle cool section base. */
body[data-theme="light"] #quick-actions{
  background:linear-gradient(180deg,#f8fafc 0%,#f5f8fb 100%);
}
body[data-theme="light"] .action-card{
  background:#ffffff;
  border-color:#dce4ec;
  box-shadow:0 12px 32px rgba(29,47,66,.055);
}
body[data-theme="light"] .action-card.action-gold{
  background:linear-gradient(145deg,#fff8e6 0%,#ffffff 67%);
  border-color:#ead9ad;
}
body[data-theme="light"] .action-icon{
  background:#f4f7f9;
  color:#98650d;
}
body[data-theme="light"] .action-gold .action-icon{background:#fff3d3}
body[data-theme="light"] .action-card p{color:#62758a}

/* Loan pathways — distinct from the quick-action section. */
body[data-theme="light"] .products-section{
  background:
    radial-gradient(circle at 0% 30%,rgba(247,215,122,.10),transparent 25rem),
    linear-gradient(180deg,#fffdf8 0%,#fbf8f0 100%);
  border-block:1px solid #ebe4d5;
}
body[data-theme="light"] .product-card{
  background:#ffffff;
  border-color:#dedfe3;
  box-shadow:0 14px 34px rgba(38,47,57,.055);
}
body[data-theme="light"] .product-card.product-featured{
  background:linear-gradient(155deg,#fff4d2 0%,#fffaf0 34%,#ffffff 72%);
  border-color:#e7d39e;
}
body[data-theme="light"] .product-symbol{background:#fff4db;color:#96630b}
body[data-theme="light"] .product-card:not(.product-featured) .product-symbol{background:#f3f6f9}
body[data-theme="light"] .product-card p,
body[data-theme="light"] .product-card li{color:#617287}

/* Process */
body[data-theme="light"] .process-section{
  background:linear-gradient(180deg,#f7f9fc 0%,#f5f8fb 100%);
}
body[data-theme="light"] .process-shell{
  background:linear-gradient(145deg,#ffffff 0%,#f8fafc 58%,#f2f7f8 100%);
  border-color:#dbe4ec;
  box-shadow:0 28px 66px rgba(29,47,66,.08);
}
body[data-theme="light"] .process-list article{border-bottom-color:#e1e7ed}
body[data-theme="light"] .process-list article>b{background:#fff4da;color:#94610b}
body[data-theme="light"] .process-list article:hover{background:#f5f8fa}

/* Jewellery value */
body[data-theme="light"] .value-section{
  background:
    radial-gradient(circle at 14% 45%,rgba(247,215,122,.11),transparent 25rem),
    linear-gradient(180deg,#fffdf8 0%,#fafbfc 100%);
}
body[data-theme="light"] .value-photo-card{
  background:linear-gradient(145deg,#fff8e8,#ffffff 58%);
  border-color:#dfdfdf;
  box-shadow:0 28px 68px rgba(53,48,37,.09);
}
body[data-theme="light"] .value-photo-card img{
  background:radial-gradient(circle at 50% 32%,rgba(247,215,120,.30),transparent 36%),linear-gradient(180deg,#ffffff,#fffaf0);
}
body[data-theme="light"] .estimate-card{
  background:#ffffff;
  border-color:#dce4ec;
  box-shadow:0 18px 48px rgba(29,47,66,.07);
}
body[data-theme="light"] .estimate-card select{
  background:#f8fafc;
  border-color:#dce4ec;
}

/* Eligibility intentionally stays dark to create a strong visual anchor. */
body[data-theme="light"] .eligibility-section{
  background:linear-gradient(135deg,#0b1a2a 0%,#0d2032 60%,#0b252a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(255,255,255,.035);
}

/* Trust */
body[data-theme="light"] .trust-section{
  background:linear-gradient(180deg,#f6f9fb 0%,#f9fbfc 100%);
}
body[data-theme="light"] .trust-card{
  background:#ffffff;
  border-color:#dce4ec;
  box-shadow:0 12px 32px rgba(29,47,66,.05);
}
body[data-theme="light"] .trust-card>i{background:#e7f6f5;color:#0b8389}
body[data-theme="light"] .trust-card p{color:#62758a}

/* Partner section */
body[data-theme="light"] .partner-section{background:#ffffff}
body[data-theme="light"] .partner-shell{
  background:
    radial-gradient(circle at 14% 10%,rgba(247,215,122,.24),transparent 26%),
    radial-gradient(circle at 88% 82%,rgba(20,140,146,.12),transparent 30%),
    linear-gradient(135deg,#fffaf0 0%,#ffffff 48%,#edf8f7 100%);
  border-color:#dce4ec;
  box-shadow:0 28px 68px rgba(29,47,66,.09);
}
body[data-theme="light"] .partner-board{
  background:rgba(255,255,255,.78);
  border-color:#dce4ec;
  box-shadow:0 16px 40px rgba(29,47,66,.06);
}
body[data-theme="light"] .partner-core,
body[data-theme="light"] .partner-row span{
  background:#ffffff;
  border-color:#dce4ec;
}

/* Final dark CTA remains intentionally dark in light mode. */
body[data-theme="light"] .final-cta{background:#f7f9fb}
body[data-theme="light"] .final-card{
  background:linear-gradient(135deg,#0b1a2a 0%,#0d2133 70%,#0a282d 100%);
  box-shadow:0 30px 74px rgba(14,29,45,.18);
}

/* Footer */
body[data-theme="light"] .site-footer{
  background:#ffffff;
  border-top-color:#dce4ec;
}
body[data-theme="light"] .footer-grid a,
body[data-theme="light"] .footer-brand p,
body[data-theme="light"] .footer-brand>span,
body[data-theme="light"] .footer-bottom{color:#66778b}

/* Spotlight effects are softer on white cards. */
body[data-theme="light"] .model-card:after,
body[data-theme="light"] .mini-card:after,
body[data-theme="light"] .action-card:after,
body[data-theme="light"] .product-card:after,
body[data-theme="light"] .trust-card:after,
body[data-theme="light"] .process-shell:after,
body[data-theme="light"] .estimate-card:after,
body[data-theme="light"] .partner-shell:after,
body[data-theme="light"] .partner-board:after{
  background:radial-gradient(250px circle at var(--spot-x) var(--spot-y),rgba(255,224,142,.20),rgba(20,140,146,.05) 35%,transparent 65%);
}

/* Light-mode hover shadows no longer use muddy brown. */
body[data-theme="light"] .model-card:hover,
body[data-theme="light"] .action-card:hover,
body[data-theme="light"] .product-card:hover,
body[data-theme="light"] .trust-card:hover,
body[data-theme="light"] .value-photo-card:hover{
  box-shadow:0 30px 72px rgba(29,47,66,.12);
}

/* Mobile light menu stays readable. */
@media(max-width:1040px){
  body[data-theme="light"] .site-header.open .mobile-nav{
    background:rgba(255,255,255,.98);
    box-shadow:0 18px 40px rgba(29,47,66,.08);
  }
}
