/* Direction B: warm and light. Paper background, navy ink, cobalt only for links and the owner's text, marigold buttons.
   Fraunces only for the wordmark, H1 and H2; everything else Source Sans 3 (round 2 advice from Fable + Astra). */
:root {
  color-scheme: light;
  --bg: #FAF7F0; --bg-2: #F1EDE3; --nav-bg: rgba(250, 247, 240, .95);
  --text: #2F3647; --heading: #171B35; --muted: #4A5163;
  --accent-text: #2946C7; --accent-strong: #2946C7; --kicker: #7A5B12; --urgent: #B33A2E; --focus: #2946C7;
  --line: #E2DACB; --line-strong: #D8D2C5;
  --card: #FFFFFF; --card-text: #171B35; --card-muted: #4E5568; --card-line: #E5DFD2; --card-shadow: 0 1px 2px rgba(40, 30, 10, .04), 0 6px 18px rgba(40, 30, 10, .05);
  --sms-bg: #2946C7; --sms-text: #fff;
  --btn: #FFC247; --btn-text: #171B35; --btn-shadow: 0 4px 12px rgba(160, 110, 0, .2); --btn-radius: 8px;
  --btn-alt: #171B35; --btn-alt-text: #FFFFFF;
  --contact-bg: #171B35; --contact-text: #FAF7F0; --contact-kicker: #FFC247;
  --radius: 12px; --radius-lg: 14px;
  --display: "Fraunces", Georgia, "Times New Roman", serif;
  --body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --h1-weight: 600; --h1-track: -.01em; --h2-weight: 600;
}
body { font-size: 18px; line-height: 1.55; }
h1 { font-size: clamp(2.4rem, 5.6vw, 4rem); line-height: 1.04; }
h2 { font-size: clamp(1.85rem, 3.6vw, 2.5rem); }
h3 { font-family: var(--body); }
.contact .btn.alt { background: #FAF7F0; color: #171B35; }