:root {
  --graphite-900: #1c2023;
  --graphite-800: #262b2f;
  --graphite-700: #333a3f;
  --teal-500: #2e8f7e;
  --teal-600: #257566;
  --amber-accent: #d97e3e;
  --fog-100: #f2f4f3;
  --fog-200: #e6e9e7;
  --ink-900: #1a1d1f;
  --ink-600: #575e61;
  --white: #ffffff;
  --border-soft: #dfe3e1;
}

body { color: var(--ink-900); background: var(--white); }

.site-header { background: var(--white); border-bottom: 1px solid var(--border-soft); }
.header-nav .nav-link { color: var(--ink-900); }
.header-nav .nav-link:hover { color: var(--teal-600); }
.logo-text { color: var(--graphite-900); }
.ring { border-color: var(--teal-500); }
.btn-nav-cta { background: var(--graphite-900); color: var(--white); }
.btn-nav-cta:hover { background: var(--graphite-800); }

.hero { background: linear-gradient(135deg, var(--graphite-900), var(--graphite-700)); color: var(--white); }
.eyebrow { color: var(--teal-500); }
.hero h1 strong { color: var(--teal-500); }
.hero-lead { color: #c7cdcb; }
.hero-tag { background: var(--white); color: var(--graphite-900); }
.hero-arrow { background: transparent; border: 1px solid rgba(255,255,255,0.4); color: var(--white); }
.hero-arrow:hover { background: rgba(255,255,255,0.1); }

.btn-primary { background: var(--teal-500); color: var(--white); }
.btn-primary:hover { background: var(--teal-600); }
.btn-secondary { border: 2px solid var(--graphite-900); color: var(--graphite-900); background: transparent; }
.btn-secondary:hover { background: var(--graphite-900); color: var(--white); }
.footer-col .btn-secondary { border-color: var(--white); color: var(--white); }
.footer-col .btn-secondary:hover { background: var(--white); color: var(--graphite-900); }

.section-mission { background: var(--white); }
.mission-text { color: var(--ink-600); }

.section-insights { background: var(--fog-100); }
.insight-cat { color: var(--teal-600); }
.insight-body h3 { color: var(--ink-900); }
.insight-card { background: var(--white); border: 1px solid var(--border-soft); }
.hero-arrow.small { border-color: var(--graphite-900); color: var(--graphite-900); }
.hero-arrow.small:hover { background: var(--graphite-900); color: var(--white); }

.section-portfolio { background: var(--white); }
.portfolio-tag { background: var(--graphite-900); color: var(--white); }
.section-portfolio .eyebrow { color: var(--amber-accent); }
.section-portfolio p { color: var(--ink-600); }

.section-stats { background: var(--teal-500); color: var(--white); background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.08) 0, transparent 45%), radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 0, transparent 45%); }
.stat-item { border-left: 2px solid var(--amber-accent); }
.stats-lead { color: rgba(255,255,255,0.85); }

.section-testimonials { background: var(--fog-100); }
.section-testimonials h2 { color: var(--teal-600); }
.testimonial-card { background: var(--graphite-900); color: var(--white); }
.quote-mark { color: var(--teal-500); }
.testimonial-name { color: #c7cdcb; }

.site-footer { background: var(--fog-100); color: var(--ink-600); }
.footer-col .logo-text { color: var(--graphite-900); }
.footer-col h4 { color: var(--graphite-900); }
.footer-col a { color: var(--teal-600); }
.footer-col a:hover { color: var(--graphite-900); }
.footer-copy { color: var(--ink-600); }
.footer-contact-link { color: var(--teal-600); font-weight: 700; }
.footer-nav-bottom { border-top: 1px solid var(--border-soft); color: var(--ink-600); }