:root {
  --bg: #F8F5F1; --surface: #FFFFFF; --ink: #1B1C22; --muted: #55576A;
  --primary: #2B2D42; --primary-ink: #FFFFFF; --soft: #EDE7E1;
  --accent: #EF8354; --accent-ink: #111111; --accent-text: #1B1C22;
  --line: color-mix(in srgb, #1B1C22 14%, transparent); --link: #2B2D42; --focus: #2B2D42; --ok: #11703A;
  --font-head: 'Bricolage Grotesque Variable', system-ui, sans-serif; --font-body: 'Nunito Variable', system-ui, sans-serif; --radius: 12px;
}