:root {
  --tc-verde-selva: #10241D;
  --tc-craie: #E8E3D8;
  --tc-terra-ombra: #2B211A;
  --tc-vinaccia-nera: #3A1722;
  --tc-bronzo-secco: #8E7458;
  --tc-foglia: #71806C;
  --tc-paper: #F4F0E8;
  --tc-ink: #0A0F0D;
  --tc-font-display: "GFS Didot", Didot, "Times New Roman", serif;
  --tc-font-editorial: "EB Garamond", Garamond, Georgia, serif;
  --tc-font-ui: Inter, Helvetica, Arial, sans-serif;
  --tc-ease: cubic-bezier(.2,.65,.2,1);
  --tc-motion-slow: 1200ms;
  --tc-motion-medium: 700ms;
  --tc-motion-fast: 280ms;
}

.tc-display { font-family: var(--cv-typo-current-ff, var(--tc-font-display)); letter-spacing: var(--cv-typo-current-ls, .08em); text-transform: var(--cv-typo-current-tt, uppercase); }
.tc-kicker { font-family: var(--cv-typo-current-ff, var(--tc-font-ui)); letter-spacing: var(--cv-typo-current-ls, .32em); text-transform: var(--cv-typo-current-tt, uppercase); }
.tc-body { font-family: var(--cv-typo-current-ff, var(--tc-font-editorial)); }
.tc-hairline { border-color: color-mix(in srgb, currentColor 35%, transparent); border-width: 1px; }