:root {
  --primary: #35205F;
  --primary-pressed: #251442;
  --primary-soft: #EDE6FA;
  --background: #F8F6FC;
  --surface: #FFFFFF;
  --text: #261544;
  --muted: #706580;
  --border: #E3DDEC;
  --focus: #006D91;
  --warning: #925A00;
  --warning-soft: #FFF3CC;
}
body {
  background: var(--background);
  color: var(--text);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: var(--primary); text-underline-offset: 4px; }
a:hover { color: var(--primary-pressed); }
a:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
h1, h2, h3 { color: var(--primary); }
h1 {
  font-size: clamp(36px, 6vw, 64px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
h2 { font-size: 26px; line-height: 1.2; letter-spacing: -.025em; }
h3 { font-size: 18px; }
.eyebrow {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .13em;
  text-transform: uppercase;
}