/* Colores, letras y medidas de todo el sitio */
:root {
  /* Oscuros */
  --negro: #0a0a0b;
  --carbon: #141416;
  --carbon-2: #1d1d20;
  --raya-oscura: rgba(255, 255, 255, 0.12);
  --hueso: #f4f1ea;
  --gris: #8f8d87;

  /* Arena */
  --arena: #e8e2d6;
  --arena-2: #d8d0c0;
  --papel: #f7f4ee;
  --tinta: #17160f;
  --tinta-suave: #57534a;
  --raya-clara: rgba(23, 22, 15, 0.16);

  /* Acentos */
  --naranja: #ff6b1a;
  --naranja-claro: #ffb37d;
  --naranja-tinta: #a83c08;

  /* Letras */
  --letra-titulo: "Inter Tight", "Inter", system-ui, sans-serif;
  --letra-texto: "Inter", system-ui, sans-serif;
  --letra-app: "Barlow Semi Condensed", "Inter Tight", system-ui, sans-serif;
  --letra-codigo: "IBM Plex Mono", ui-monospace, monospace;

  --t-gigante: clamp(2.55rem, min(8.4vw, 13vh), 8.25rem);
  --t-titulo: clamp(2.1rem, min(5.6vw, 8.5vh), 5rem);
  --t-medio: clamp(1.35rem, 2.4vw, 2rem);
  --t-texto: clamp(1rem, 1.15vw, 1.125rem);
  --t-chico: 0.8125rem;

  /* Medidas */
  --ancho: 1240px;
  --borde: clamp(1rem, 4vw, 3rem);
  --radio-s: 14px;
  --radio-m: 24px;
  --radio-l: clamp(26px, 3.2vw, 40px);
  --aire-seccion: clamp(4.5rem, min(10vw, 14vh), 9rem);

  --suave: cubic-bezier(0.22, 0.7, 0.2, 1);
}