/* ITCSS layer 1 — settings: design tokens only, no output beyond :root */
:root {
  /* palette: crisp white base, electric blue, hot magenta accent */
  --ink: #14152b;
  --ink-soft: #43455f;
  --paper: #ffffff;
  --band: #e8edfc;        /* header band tone */
  --tint: #f4f6fe;        /* section tint */
  --tint-deep: #dfe6fb;
  --blue: #2038e6;
  --blue-deep: #16249b;
  --magenta: #e91190;
  --magenta-deep: #b80c72;

  /* type */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Source Serif 4", "Georgia", serif;
  --font-mono: "Space Mono", "Courier New", monospace;

  /* spacing scale, 8-based */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-5: 2rem;
  --s-6: 3rem;
  --s-7: 4.5rem;
  --s-8: 6rem;

  --container: 71.25rem; /* 1140px */
  --radius: 10px;

  /* the single permitted box-shadow on the whole site (featured row) */
  --the-shadow: 0 18px 44px -18px rgba(22, 36, 155, 0.35);
}