/* === CAP Moutier — Design Tokens & Reset === */
:root {
  --cap-red: #C43B2E;
  --cap-red-dark: #9E2E23;
  --cap-red-light: #F2D5D2;
  --jura-blue: #1B4965;
  --jura-blue-light: #BEE9E8;
  --cream: #FAF7F2;
  --cream-dark: #F0EBE3;
  --ink: #1A1A1A;
  --ink-light: #6B6B6B;
  --ink-muted: #9E9E9E;
  --white: #FFFFFF;
  --green: #2D8F5C;
  --green-light: #D4EDDA;
  --orange: #E67E22;
  --orange-light: #FDEBD0;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.16);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body: 'Instrument Sans', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --max-width: 1280px;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--cream);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { cursor: pointer; font-family: inherit; border: none; background: none; }
ul { list-style: none; }
.container { max-width: var(--max-width); margin: 0 auto; padding: 0 2rem; }