/* =====================================================================
   Stack Studios — "Signed Work" theme (site-wide overlay)
   Loads AFTER styles.css so it wins. Carries the redesign's palette, gold
   action color, header treatment, and section rhythm to every page.
   Homepage keeps its own inline .home-signed rules on top of this.
   ===================================================================== */

/* 1 · Warm-balanced dark palette — desaturated midnight grounds, warmer
      slate surfaces, gold as the only accent (retire the SaaS blue). */
:root{
  --bg:        #101620;
  --surface:   #232935;
  --surface-2: #2b323f;
  --surface-3: #333b49;
  --card-top:  #2b3340;
  --navy:      #232935;
  --navy-deep: #161b24;
  --gold-line: rgba(242,176,74,.58);
  --blue-link: #f2b04a;   /* body/link accents go gold */
  --blue:      #f2b04a;
  --blue-deep: #f2b04a;
  --blue-dark: #e0a038;
}
body{ background:var(--bg); }

/* 2 · Gold is the action color (was SaaS blue) */
.btn-primary{
  background:var(--amber); color:#0B1B38; border-color:var(--amber);
  box-shadow:0 12px 26px -14px rgba(0,0,0,.5), 0 4px 14px -9px rgba(242,176,74,.3);
}
.btn-primary:hover{ background:#f6c169; border-color:#f6c169; color:#0B1B38; }
.btn-outline,.btn-outline-light{ color:var(--text); border-color:rgba(255,255,255,.3); background:transparent; }
.btn-outline:hover,.btn-outline-light:hover{ border-color:var(--amber); color:var(--amber); background:transparent; }

/* 3 · Header — warm glass, gold underline nav, new overhanging gold mark */
.nav{ background:rgba(16,22,32,.72); }
.nav-scrolled{ background:rgba(16,22,32,.9); }
.nav-links a{ position:relative; }
.nav-links a:hover,.nav-links a.active{ color:var(--text); background:transparent; }
.nav-links a::before{
  content:""; position:absolute; left:13px; right:13px; bottom:4px; height:2px;
  background:var(--amber); border-radius:2px; transform:scaleX(0); transform-origin:left center;
  transition:transform .24s cubic-bezier(.22,1,.36,1); pointer-events:none;
}
.nav-links a:hover::before,.nav-links a.active::before{ transform:scaleX(1); }
.dropdown-menu a:hover{ color:var(--amber); background:rgba(242,176,74,.09); }
.nav-cta.btn-primary,.mobile-cta.btn-primary{ background:var(--amber); color:#0B1B38; border-color:var(--amber); }
.nav-cta.btn-primary:hover,.mobile-cta.btn-primary:hover{ background:#f6c169; border-color:#f6c169; color:#0B1B38; }
/* the new stacked-S mark: bigger than the nav so it overhangs; wordmark stays clear of the hairline */
.nav-logo-stamp{ top:6px; }
.nav-logo-stamp .stamp-badge{ height:76px; }
.nav-logo-stamp .brand-word{ margin-top:14px; }
@media (prefers-reduced-motion:reduce){ .nav-links a::before{ transition:none; } }

/* 4 · Section rhythm — gold hairline seams + warm alt passages (matches home) */
.section{ border-top:1px solid var(--gold-line); }
.section-alt{
  background:radial-gradient(105% 120% at 50% 0%, rgba(242,176,74,.07), transparent 55%),
             linear-gradient(180deg,#1c2129 0%,#141821 100%);
}

/* 5 · De-slop carried site-wide: no shimmer eyebrows, no decorative watermark */
.eyebrow{ background:none; -webkit-text-fill-color:currentColor; color:var(--amber); animation:none; }
.brand-watermark{ display:none !important; }

/* 6 · Footer + misc blue → gold */
.footer .btn-primary{ background:var(--amber); color:#0B1B38; border-color:var(--amber); }
.footer .btn-primary:hover{ background:#f6c169; border-color:#f6c169; color:#0B1B38; }
.contact-info-card a,.faq-item a{ color:var(--amber); }
