/*
2026-05-18 - NNS brand-guide layer.
CDX=true
Toggle: remove this stylesheet link to return to the base prototype styling.
*/

@import url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,400;0,700;1,400&family=Lato:ital,wght@0,400;0,700;0,900;1,400&display=swap");

:root {
  --brand-brown: #7f2629;
  --brand-gold: #eba900;
  --brand-dark-brown: #413732;
  --brand-gold-55: #f8cb73;
  --brand-gold-20: #f7e8c5;
  --brand-gray: #707070;
  --bg: #1f1714;
  --panel: #2a211e;
  --line: rgba(235, 169, 0, 0.28);
  --text: #fffaf1;
  --muted: #dccfbd;
  --gold: var(--brand-gold);
  --blue: var(--brand-gold-55);
  --green: var(--brand-gold-20);
  --navy: var(--brand-brown);
  --deep: var(--brand-dark-brown);
  --ivory: #fffaf1;
  --warm-white: #fffdf8;
  --slate: var(--brand-gray);
  --teal: var(--brand-brown);
  --teal-light: #fff5d8;
}

html,
body {
  font-family: "Lato", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(235, 169, 0, 0.16), transparent 28rem),
    linear-gradient(135deg, #1f1714 0%, #413732 54%, #251917 100%) !important;
  color: var(--text) !important;
}

h1,
h2,
h3,
.hero-headline,
.section-heading,
.nav-logo-main,
.about-photo-name,
.trust-value,
.location-banner-title,
.cta-heading,
.event-title {
  font-family: "Aleo", Georgia, serif !important;
  letter-spacing: 0 !important;
}

.hero,
.card,
.stat-card,
.hero-main,
.trust-bar,
.location-banner,
.about-section,
.procedures-section,
.testimonial-section,
.final-cta,
.event-strip {
  border-color: var(--line) !important;
}

.card,
.hero,
.stat-card,
.hero-main {
  background: rgba(42, 33, 30, 0.9) !important;
  box-shadow: 0 20px 52px rgba(20, 12, 10, 0.34) !important;
}

.eyebrow,
.badge,
.tag,
.pill,
.metric,
.gold,
.stars,
.section-kicker,
.hero-cred-value,
.nav-logo-sub,
.footer-loc-badge {
  color: var(--brand-gold) !important;
}

a,
.back,
.cta,
.btn-primary,
.btn-outline,
.btn-white {
  color: var(--brand-gold-20) !important;
}

.cta,
.btn-primary,
.btn-white {
  background: var(--brand-brown) !important;
  border-color: var(--brand-gold) !important;
}

.btn-primary,
.btn-white {
  color: #fffaf1 !important;
}

.btn-outline {
  border-color: rgba(235, 169, 0, 0.65) !important;
  background: rgba(235, 169, 0, 0.08) !important;
}

.copy,
.quote,
.post {
  border-left-color: var(--brand-gold) !important;
}

.copy,
.tag,
.pill,
.spec,
.tips li {
  background: rgba(127, 38, 41, 0.22) !important;
  border-color: rgba(235, 169, 0, 0.26) !important;
}

.gold-divider,
.hero-cred-line {
  background: linear-gradient(90deg, var(--brand-gold), var(--brand-gold-55)) !important;
}

.hero-photo-placeholder,
.about-photo-frame {
  background:
    radial-gradient(circle at 50% 20%, rgba(248, 203, 115, 0.18), transparent 18rem),
    linear-gradient(160deg, #413732 0%, #7f2629 56%, #2b1d19 100%) !important;
}

.top-alert,
.location-banner,
.final-cta,
.event-strip {
  background: linear-gradient(135deg, var(--brand-brown), var(--brand-dark-brown)) !important;
}