/* ==========================================================================
   silver-v2.css — steel recolour for the silver mother-hub.
   Loaded AFTER gold-v2.css; reuses every gv2-* layout rule and only overrides
   the hardcoded gold amber (#f0b73f / #fcd47a / #c89320 / rgba(240,183,63,…))
   with a cool steel palette on the selectors the silver page actually uses.
   Steel: light #eef1f5 · mid #b9c1cc · deep #8892a0 · rgba base 185,193,204.
   ========================================================================== */

/* hero ambient glow + grid */
.gv2-hero {
    background: radial-gradient(ellipse at 30% 30%, rgba(185,193,204,0.18), transparent 45%),
                radial-gradient(ellipse at 70% 80%, rgba(185,193,204,0.12), transparent 50%),
                linear-gradient(135deg, var(--navy,#0a1f44) 0%, #05102a 100%);
}
.gv2-hero::before {
    background-image: linear-gradient(rgba(185,193,204,0.04) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(185,193,204,0.04) 1px, transparent 1px);
}

/* accents */
.gv2-accent { background: linear-gradient(135deg, #eef1f5, #b9c1cc); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.gv2-cta-accent { background: linear-gradient(135deg, #eef1f5, #b9c1cc); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* trading board */
.gv2-trading-board {
    border: 1px solid rgba(185,193,204,0.28);
    box-shadow: 0 0 80px rgba(185,193,204,0.1), 0 40px 80px rgba(0,0,0,0.4), inset 0 1px 0 rgba(185,193,204,0.2);
}
.gv2-board-header { border-bottom: 1px solid rgba(185,193,204,0.15); }
.gv2-coin { background: linear-gradient(135deg, #c7ced8, #8892a0); box-shadow: 0 4px 20px rgba(185,193,204,0.4); }
.gv2-refresh-icon { border: 1.5px solid rgba(185,193,204,0.4); color: #cdd4dd; }
.gv2-price-huge {
    background: linear-gradient(180deg, #f4f6f9 0%, #c7ced8 45%, #8892a0 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 20px rgba(185,193,204,0.3));
}
.gv2-quick-stats { border-top: 1px solid rgba(185,193,204,0.15); border-bottom: 1px solid rgba(185,193,204,0.15); }
.gv2-qs-item { background: rgba(185,193,204,0.05); border: 1px solid rgba(185,193,204,0.12); }

/* purity boxes (reuse .gv2-karat-box) */
.gv2-karat-box { background: rgba(185,193,204,0.05); border: 1px solid rgba(185,193,204,0.15); }
.gv2-karat-box:hover { background: rgba(185,193,204,0.1); border-color: rgba(185,193,204,0.35); }
.gv2-karat-box.featured { background: linear-gradient(135deg, rgba(185,193,204,0.18), rgba(185,193,204,0.05)); border-color: #b9c1cc; box-shadow: 0 0 20px rgba(185,193,204,0.2); }

/* section eyebrow */
.gv2-eyebrow { background: linear-gradient(135deg, rgba(185,193,204,0.14), rgba(26,188,156,0.1)); color: #6b7480; border: 1px solid rgba(185,193,204,0.28); }

/* cluster tool cards */
.gv2-tool-card:hover { border-color: #b9c1cc; }
.gv2-tool-icon { background: linear-gradient(135deg, #c7ced8, #8892a0); color: var(--navy,#0a1f44); }

/* editorial + broker cta accents */
.gv2-editorial-wrap::before { background: linear-gradient(90deg, #b9c1cc, #8892a0); }
.gv2-editorial-label { background: linear-gradient(135deg, #c7ced8, #8892a0); color: var(--navy,#0a1f44); box-shadow: 0 4px 12px rgba(185,193,204,0.25); }
.gv2-avatar { background: linear-gradient(135deg, #c7ced8, #8892a0); color: var(--navy,#0a1f44); }
.gv2-broker-cta::before { background: radial-gradient(circle at right, rgba(185,193,204,0.2), transparent 70%); }

/* broker CTA button (silver page uses a simple link button) */
.gv2-cta-btn {
    display: inline-block;
    margin-top: 18px;
    background: linear-gradient(135deg, #c7ced8, #8892a0);
    color: var(--navy,#0a1f44);
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(185,193,204,0.3);
    transition: transform .2s, box-shadow .2s;
}
.gv2-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(185,193,204,0.4); color: var(--navy,#0a1f44); }

/* zakat accents (silver page uses the .gv2-zakat block) */
.gv2-zakat-accent { color: #8892a0; }
.gv2-zf-v { color: #8892a0; }
.gv2-nisab-amount { color: #fff; }
.gv2-nisab-row span:last-child { color: #aeb6c2; }