@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Space+Mono:wght@400;700&display=swap');

:root {
  --midnight: #34244a !important;
  --midnight-soft: #49345d !important;
  --dusk: #5f4470 !important;
  --cream: #f5e8e8 !important;
  --linen: #ead2d2 !important;
  --peach: #d86f8a !important;
  --mist: #e3b7c2 !important;
  --stone: #c79ba8 !important;
  --shadow: rgba(52,36,74,.2) !important;
}

body { background: #f5e8e8 !important; color: #34244a !important; }
.site-header { background: rgba(245,232,232,.86) !important; border-color: rgba(52,36,74,.16) !important; }
.brand, .nav { color: #34244a !important; }
.brand-mark { background: #d86f8a !important; color: #34244a !important; }
.nav { color: rgba(52,36,74,.8) !important; }
.nav a::after { background: #34244a !important; }
.cta { background: #34244a !important; color: #f5e8e8 !important; border-color: #34244a !important; }
.floating-back { background: rgba(245,232,232,.92) !important; color: #34244a !important; border-color: rgba(52,36,74,.2) !important; }
.hero { background: #e3b7c2 !important; }
.hero-copy h1, .section-head h2, .studio h2, .contact h1 { color: #34244a !important; }
.hero-copy em, .section-head em, h2 em { color: #d86f8a !important; }
.hero-text, .stat small, .feature-copy p, .studio-copy p, .contact-copy p { color: #684f60 !important; }
.primary-btn { background: #34244a !important; color: #f5e8e8 !important; border-color: #34244a !important; }
.secondary-btn { color: #34244a !important; border-color: #34244a !important; }
.secondary-btn:hover, .primary-btn:hover { background: #d86f8a !important; border-color: #d86f8a !important; color: #34244a !important; }
.hero-visual, .photo, .feature-visual, .studio-visual { background: #d86f8a !important; }
.photo img, .feature-visual img, .studio-visual img { filter: saturate(.72) contrast(1.06) !important; }
.glow { background: #c79ba8 !important; opacity: .65 !important; }
.meta, .tag { color: #34244a !important; background: #f5e8e8 !important; border-color: rgba(52,36,74,.2) !important; }
.stat-row, .projects, .studio { background: #f5e8e8 !important; }
.feature-card, .project-card, .contact-card { background: #ead2d2 !important; border-color: rgba(52,36,74,.18) !important; }
.feature-copy h3, .project-card h3 { color: #34244a !important; }
.section-head { border-color: rgba(52,36,74,.2) !important; }
.studio { border-top-color: rgba(52,36,74,.2) !important; }
.contact { background: #34244a !important; color: #f5e8e8 !important; }
.contact h2, .contact .eyebrow, .contact a { color: #f5e8e8 !important; }
.contact em { color: #d86f8a !important; }
.footer { background: #34244a !important; color: #e3b7c2 !important; }

@media(max-width:760px) {
  .nav { background: #d86f8a !important; color: #34244a !important; }
  .nav a { color: #34244a !important; }
}