:root {
  --tcc-cream: #f4ede1;
  --tcc-ink: #1a1512;
  --tcc-clay: #7a4a2b;
  --tcc-paper: #fffdf9;
  --tcc-border: #b69b84;
}

* { box-sizing: border-box; }
body {
  align-items: center;
  background: var(--tcc-cream);
  color: var(--tcc-ink);
  display: flex;
  font-family: Figtree, Arial, sans-serif;
  justify-content: center;
  line-height: 1.5;
  margin: 0;
  min-height: 100vh;
  padding: 1.5rem;
}
main {
  background: var(--tcc-paper);
  border: 1px solid var(--tcc-border);
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1.5rem rgb(26 21 18 / 16%);
  max-width: 32rem;
  padding: clamp(2rem, 7vw, 4rem);
  width: 100%;
}
.mark {
  color: var(--tcc-clay);
  font-family: Ovo, Georgia, serif;
  font-size: 1.35rem;
  letter-spacing: 0.08em;
  margin: 0 0 2.5rem;
}
h1 { font-family: Ovo, Georgia, serif; font-size: clamp(2rem, 8vw, 3rem); line-height: 1.1; }
a { color: var(--tcc-clay); font-weight: 700; }
a:focus-visible { outline: 3px solid var(--tcc-clay); outline-offset: 3px; }