/* Envision Resume design tokens: the one source for every page (homepage,
   sample page, order flow, after-payment page). Load before page styles. */
:root {
  --ink: #171918;
  --dark: #111413;
  --paper: #f6f3ec;
  --brass: #b69b62;
  --muted: #62655e;
  --line: #d6d3ca;
  --serif: "Playfair Display", Georgia, serif;
  --sans: "DM Sans", Arial, sans-serif;
  color-scheme: light;

  /* Order flow additions */
  --card: #fbfaf6;
  --band: #efebe2;
  --brass-deep: #8a6d2f; /* brass that stays readable on paper */
  --error: #9b2c2c;
  --ok: #4f7a52;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Drawn icons: one 1.5px-stroke set, sized to the text beside them. */
.i {
  width: 1.2em;
  height: 1.2em;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: -0.28em;
  margin-block: -0.3em; /* big icon, unchanged line height */
}
.i-fill {
  fill: currentColor;
  stroke: none;
}