@import url('https://fonts.googleapis.com/css2?family=Anton&family=Libre+Franklin:ital,wght@0,400;0,600;0,800;1,400&display=swap');

:root{
  --pizarra:#1B3A2F;
  --pizarra-deep:#132B22;
  --tiza:#F2EFE6;
  --letrero:#FFC426;
  --oferta:#E23D28;
  --tinta:#20302A;
  --ok:#3C8261;
  --ok-bg:#E4F0E9;
  --pend:#9A6B00;
  --pend-bg:#FBEDCB;
  --rev:#8A4A9E;
  --rev-bg:#F1E3F6;
}

body{font-family:'Libre Franklin',sans-serif;color:var(--tinta)}
.display{font-family:'Anton',sans-serif;text-transform:uppercase}

.btn-primary{background:var(--letrero);color:var(--tinta);font-weight:800}
.btn-primary:hover{filter:brightness(0.96)}

.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.badge-nueva, .badge-en_redaccion{background:var(--pend-bg);color:var(--pend)}
.badge-copy_aprobado, .badge-renderizada, .badge-en_revision{background:var(--rev-bg);color:var(--rev)}
.badge-aprobada, .badge-publicada{background:var(--ok-bg);color:var(--ok)}
.badge-rechazada{background:#FBE4E1;color:var(--oferta)}