/* voice.css — Vimty (2026-10-05). The one voice both pages of vimty.com wear, set after /eol.css.
   Ivory paper, navy ink, teal as the one loud colour; a navy nav and footer because the grid is the argument.
   Manrope 800 for the claim, Inter for everything else.
   Reference copy: estate-tests/eol-design/voices/vimty.css. Declared for the scanner in design.json. */
:root {
  --eol-paper: #faf8f4; --eol-paper-2: #f5f2ec; --eol-sheet: #ffffff;
  --eol-ink: #1B2A4A; --eol-ink-2: #3f4849; --eol-ink-3: #5b6675;
  --eol-line: #e8e4dc; --eol-line-2: #d9d3c8;
  --eol-accent: #0D7377; --eol-accent-deep: #0b5e62; --eol-accent-mid: #14a8ae; --eol-accent-soft: #e2f4f2;
  --eol-mark: #0D7377; --eol-mark-soft: #e2f4f2;
  --eol-btn-bg: #0D7377; --eol-btn-ink: #ffffff;
  --eol-display: 'Manrope', 'Inter', system-ui, sans-serif; --eol-display-weight: 800;
  --eol-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --eol-nav-bg: rgba(27, 42, 74, 0.96); --eol-nav-ink: #ffffff; --eol-nav-muted: rgba(255, 255, 255, 0.78); --eol-nav-line: rgba(255, 255, 255, 0.1);
  --eol-foot-bg: #0f1e38; --eol-foot-ink: rgba(255, 255, 255, 0.78); --eol-foot-muted: rgba(255, 255, 255, 0.5);
  --eol-radius: 12px; --eol-radius-sm: 8px;
  /* the names the pages' own styles use: the same values, so one voice resolves both */
  --navy: #1B2A4A; --navy-deep: #0f1e38; --navy-mid: #16243f; --teal: #0D7377; --teal-bright: #14a8ae;
  --ivory: #faf8f4; --ivory-warm: #f5f2ec; --border: #e8e4dc; --text: #1B2A4A; --text-mid: #3f4849; --text-muted: #6b7280; --white: #ffffff;
}
/* the display face in this voice keeps its own letter-spacing and the brand sits in the sans weight the pages use */
.eol-brand { font-size: 19px; letter-spacing: -0.01em; }
.eol-h1 { letter-spacing: -0.02em; }
.eol-h1 em { font-style: normal; color: var(--eol-accent-mid); }
.eol-foot p strong { color: #ffffff; }
.eol-foot { border-top-color: rgba(255, 255, 255, 0.1); }
.eol-foot a { color: rgba(255, 255, 255, 0.86); }
.eol-menu-list { background: #16243f; border-color: rgba(255, 255, 255, 0.12); }
.eol-menu-list a { color: #ffffff; }
.eol-menu-list a:hover { background: rgba(255, 255, 255, 0.08); }
.eol-menu summary { border-color: rgba(255, 255, 255, 0.25); }
.eol-cta--ghost { border-color: rgba(255, 255, 255, 0.3); }