:root {
  --rust: #E8470A;
  --rust-light: #FF6B35;
  --rust-pale: #fff0eb;
  --navy: #1a1a2e;
  --navy-mid: #2d2d4a;
  --bg: #faf9f7;
  --surface: #ffffff;
  --muted: #f4f2ef;
  --border: #e8e5e0;
  --text: #1a1a2e;
  --text-secondary: #6b6b7b;
  --text-tertiary: #9999aa;
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 2px 12px rgba(26,26,46,0.07), 0 1px 3px rgba(26,26,46,0.05);
  --shadow-md: 0 8px 32px rgba(26,26,46,0.10), 0 2px 8px rgba(26,26,46,0.06);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 700; line-height: 1.15; }
h1 { font-size: clamp(44px, 6vw, 80px); }
h2 { font-size: clamp(32px, 4vw, 52px); }
h3 { font-size: 20px; font-weight: 600; }
p { font-size: 17px; line-height: 1.7; color: var(--text-secondary); }
.nav-logo,
.topnav-logo {
  display: flex;
  align-items: center;
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--navy);
  flex-shrink: 0;
}
.nav-logo svg,
.topnav-logo svg { flex-shrink: 0; }