/* Variant 5 — variant 4 (bottle green, Syne and Manrope) with variant 3's blush pink in place of brass. */
:root {
  --void: #0f2a22;
  --ivory: #e9efe6;
  --ivory-soft: rgba(233, 239, 230, 0.68);
  --ivory-faint: rgba(233, 239, 230, 0.16);
  --copper: #ff9fc6;
  --signal: #9cc4b1;
  --void-rgb: 15, 42, 34;
  --ivory-rgb: 233, 239, 230;

  --paper: #e9efe6;
  --ink: #0f2a22;
  --ink-soft: rgba(15, 42, 34, 0.66);
  --ink-faint: rgba(15, 42, 34, 0.3);
  --ink-rule: rgba(15, 42, 34, 0.18);
  --ink-accent: #c23c7a;

  /* Screened over the green page, this lands on the same blush as variant 3. */
  --terracotta: #f48dc5;
  --terra-blend: screen;
  --on-terra: #0f2a22;
  --on-terra-soft: rgba(15, 42, 34, 0.82);
  --on-terra-faint: rgba(15, 42, 34, 0.4);
  --on-terra-accent: #ffffff;

  --particle: 233, 239, 230;
  --particle-accent: 255, 159, 198;
  --particle-signal: 156, 196, 177;
  --particle-marker: 255, 255, 255;
  --particle-halo: 15, 42, 34;
  --particle-invert: 0;

  --serif: "Syne", "Helvetica Neue", Arial, sans-serif;
  --sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --display-weight: 500;
  --display-stretch: normal;
  --display-strong: 600;
  --accent-style: normal;
  --tracking-k: 0.5;

  color-scheme: dark;
}
.hero__name { font-size: clamp(3.6rem, 8.6vw, 8rem); }