@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --paper: #14233b !important;
  --ink: #edf4ef !important;
  --sand: #263b5b !important;
  --coral: #74d3b1 !important;
  --teal: #74d3b1 !important;
  --muted: #b3c4c4 !important;
  --line: rgba(237,244,239,.28) !important;
  --sans: 'IBM Plex Mono', monospace !important;
  --serif: 'Space Grotesk', Arial, sans-serif !important;
}
body { background: #14233b !important; color: #edf4ef !important; font-family: var(--sans) !important; }
.site-header { background: #14233b !important; border-color: rgba(237,244,239,.28) !important; }
.brand, .site-nav a, .menu-toggle { color: #edf4ef !important; }
.brand-mark { background: #74d3b1 !important; color: #14233b !important; }
.site-nav a:hover, .site-nav a.active { color: #74d3b1 !important; border-color: #74d3b1 !important; }
.hero { background: #263b5b !important; }
.hero h1, .page-hero h1, .featured h2, .manifesto h2, .home-close h2, .page-section h2, .feature-card h3, .project-row h3, .award-item h3, .publication-item h3 { font-family: var(--serif) !important; color: #edf4ef !important; }
.hero h1 em, .page-hero h1 em, h2 em { color: #74d3b1 !important; }
.hero-lead, .page-hero-copy p, .manifesto p, .feature-card p, .project-row p, .detail-card p, .award-item p, .publication-item p { color: #b3c4c4 !important; }
.hero-image, .feature-image, .page-image, .project-row-image { background: #74d3b1 !important; }
.hero-image img, .feature-image img, .page-image img, .project-row-image img { filter: grayscale(.35) contrast(1.1) saturate(.85) !important; }
.manifesto, .featured, .page-main, .numbers { background: #14233b !important; color: #edf4ef !important; }
.section-label, .section-head, .page-section, .detail-card, .project-row, .award-item, .publication-item { border-color: rgba(237,244,239,.28) !important; }
.numbers { color: #edf4ef !important; }
.numbers strong { color: #74d3b1 !important; font-family: var(--serif) !important; }
.button-fill, .button-dark { background: #74d3b1 !important; border-color: #74d3b1 !important; color: #14233b !important; }
.button-fill:hover, .button-dark:hover { background: #edf4ef !important; border-color: #edf4ef !important; }
.text-link { color: #74d3b1 !important; }
.home-close { background: #74d3b1 !important; color: #14233b !important; }
.home-close h2, .home-close .eyebrow { color: #14233b !important; }
.home-close h2 em { color: #edf4ef !important; }
.site-footer { background: #0b1527 !important; color: #74d3b1 !important; }
.contact-form input, .contact-form textarea { border-color: rgba(237,244,239,.4) !important; color: #edf4ef !important; background: rgba(237,244,239,.08) !important; }
.contact-form input:focus, .contact-form textarea:focus { border-color: #74d3b1 !important; }