:root {
  --tc-tinta-tierra: #131313;
  --tc-papel-crudo: #FFFFFF;
  --tc-terron: #A65F2A;
  --tc-trigo-seco: #D8B15A;
  --tc-verde-regadio: #5F7C52;
  --tc-cielo-bajo: #B8C8C2;
  --tc-azul-bop: #1F3F5C;
  --tc-rojo-aviso: #A93A32;

  --tc-linea: #131313;
  --tc-linea-suave: rgba(19, 19, 19, .16);
  --tc-texto-secundario: rgba(19, 19, 19, .72);
  --tc-texto-terciario: rgba(19, 19, 19, .55);

  --tc-font-headline: "PT Serif", Georgia, "Times New Roman", serif;
  --tc-font-body: "Atkinson Hyperlegible", "IBM Plex Sans", Arial, sans-serif;
  --tc-font-data: "IBM Plex Mono", "Courier New", monospace;

  --tc-radius-card: 0px;
  --tc-radius-label: 0px;

  --tc-space-1: 8px;
  --tc-space-2: 16px;
  --tc-space-3: 24px;
  --tc-space-4: 32px;
  --tc-space-5: 48px;
}

body {
  background: var(--tc-papel-crudo);
  color: var(--tc-tinta-tierra);
  font-family: var(--tc-font-body);
  line-height: 1.5;
}

h1, h2, h3, .tc-headline {
  font-family: var(--tc-font-headline);
  font-weight: 700;
  color: var(--tc-tinta-tierra);
  line-height: 1.08;
}

.tc-section-label {
  display: inline-block;
  font-family: var(--tc-font-data);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 0.76rem;
  color: var(--tc-azul-bop);
}

.tc-card {
  border: 1px solid var(--tc-linea);
  border-radius: var(--tc-radius-card);
  background: var(--tc-papel-crudo);
  padding: var(--tc-space-3);
}

.tc-source-box {
  border-left: 3px solid var(--tc-tinta-tierra);
  padding: var(--tc-space-2);
  background: var(--tc-papel-crudo);
  font-size: .92rem;
}

.tc-furrows {
  background: var(--tc-papel-crudo);
}

.tc-button {
  border: 1px solid var(--tc-tinta-tierra);
  border-radius: var(--tc-radius-card);
  background: var(--tc-tinta-tierra);
  color: var(--tc-papel-crudo);
  padding: 10px 16px;
  font-family: var(--tc-font-body);
  font-weight: 700;
}

.tc-alert {
  border-color: var(--tc-rojo-aviso);
  color: var(--tc-rojo-aviso);
}

.tc-data {
  font-family: var(--tc-font-data);
}