﻿/* Navy and gold theme: loaded after style.css and overrides its tokens and key surfaces */

:root {
    --ink: #0f2340;
    --ink-2: #1d3557;
    --text: #2b3445;
    --muted: #5f6878;
    --accent: #0f2340;
    --accent-hover: #1d3557;
    --accent-soft: #f3eee3;
    --gold: #c9a45c;
    --gold-light: #e2c891;
    --gold-text: #7a5c22;
    --soft: #faf7f0;
    --line: #e8e1d2;
    --font-head: "Fraunces", Georgia, serif;
    --shadow: 0 1px 2px rgba(15, 35, 64, .05), 0 12px 32px rgba(15, 35, 64, .1);
}

h1, h2, h3 { letter-spacing: -.01em; font-weight: 600; }

.eyebrow { color: var(--gold-text); background: var(--accent-soft); }
.form-kicker, .tag, .read-more, .calc-inputs output, .faq summary::after, .faq details p a { color: var(--gold-text); }
.form-note .ico { color: var(--gold); }

/* Hero: deep navy with gold highlight */
.hero { background: var(--ink); border-bottom: 0; }
.hero h1 { color: var(--white); font-weight: 700; letter-spacing: -.02em; }
.hero h1 span { color: var(--gold-light); }
.hero .eyebrow { color: var(--gold-light); background: rgba(201, 164, 92, .14); }
.hero-lead { color: #c3cbd8; }
.hero .btn-primary { background: var(--gold); color: var(--ink); box-shadow: none; }
.hero .btn-primary:hover { background: var(--gold-light); }
.hero .btn-ghost { background: transparent; border-color: rgba(255, 255, 255, .35); color: var(--white); }
.hero .btn-ghost:hover { border-color: var(--white); }
.hero-proof { border-top-color: rgba(255, 255, 255, .14); }
.hero-proof strong { color: var(--white); }
.hero-proof span { color: #9aa6ba; }
.form-card { border: 0; }

.btn-primary { box-shadow: none; }
.input-group input:focus, .input-group select:focus, .input-group textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 4px rgba(201, 164, 92, .18); }
input[type=range] { accent-color: var(--gold); }

.service-card:hover, .faq details[open] { border-color: var(--gold); }
.service-ico { background: var(--accent-soft); stroke: var(--gold-text); }

/* Calculator results */
.result-big { color: var(--gold-light); }
.fee-breakdown summary { color: var(--gold-light); }
.calc-results .btn-primary { background: var(--gold); color: var(--ink); }
.calc-results .btn-primary:hover { background: var(--gold-light); }

.step-num { background: var(--gold); color: var(--ink); }
.checklist li::before {
    background: var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none'%3E%3Cpath stroke='%230f2340' stroke-width='2' d='m1 5 3.5 3.5L11 1'/%3E%3C/svg%3E") center / 11px no-repeat;
}
.why-list li { border-left: 3px solid var(--gold); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }

/* Contact: navy band with gold button */
.contact { background: var(--ink); color: #c3cbd8; }
.contact .eyebrow { color: var(--gold-light); background: rgba(201, 164, 92, .14); }
.contact .btn-primary { background: var(--gold); color: var(--ink); }
.contact .btn-primary:hover { background: var(--gold-light); }
.contact-list li > span:first-child { color: #9aa6ba; }

.footer { background: #0a182d; }
.footer-bottom, .social a { border-color: #1d3557; }
.mobile-bar .mobile-bar-cta { background: var(--ink); border-color: var(--ink); }
