/* KIAC design tokens — authoritative values in README.md "Design tokens" */
:root {
  /* Color */
  --ink: #292A3C;
  --photo-ink: #20212F;
  --teal: #2F9D8F;
  --deep-teal: #1F6E66;
  --light-teal: #7FCBC0; /* eyebrows on dark backgrounds only */
  --paper: #F5F3EE;
  --paper-alpha: #F5F3EE7F; /* card/section wash over white */
  --white: #FFFFFF;
  --clay: #A8452D; /* max one per screen, never decorative */
  --hairline: rgba(41, 42, 60, .1);
  --hairline-strong: rgba(41, 42, 60, .2);
  --grid-gap-ink: #292A3C23; /* 1px grid gaps */

  /* Type */
  --font-condensed: "proxima-nova-condensed", sans-serif; /* 700 — heroes, buttons, stats */
  --font-sans: "proxima-nova", sans-serif; /* 500/600/700 — eyebrows, labels, nav, links */
  --font-serif: "Newsreader", serif; /* 300/400, italic quotes — headlines, body */

  /* Photo treatment */
  --photo-filter: grayscale(1) contrast(1.06);
}

* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
}
img { max-width: 100%; display: block; }