/* GENERADO por scripts/generar-tokens.mjs desde docs/contratos/tokens.json.
   No lo edites a mano: se sobrescribe. Toca el contrato y vuelve a generar. */
:root {
  --negro: #F2EFE9;
  --carbon: #FFFFFF;
  --asfalto: #E9E4D9;
  --piedra: #DDD6C8;
  --borde: #CFC8B8;
  --lima: #A0F810;
  --lima-800: #7CC80A;
  --lima-tinta: #0B1300;
  --hueso: #161310;
  --gris: #57544D;
  --gris-2: #6E6A61;
  --oliva: #527F0B;

  --fuente-display: "Barlow Condensed", system-ui, sans-serif;
  --fuente-texto: "Barlow", system-ui, sans-serif;
  --fuente-dato: "Barlow Semi Condensed", system-ui, sans-serif;

  --t-xs: clamp(11px,.68rem + .1vw,12px);
  --t-s: clamp(13px,.78rem + .15vw,14px);
  --t-m: clamp(15px,.9rem + .2vw,17px);
  --t-l: clamp(17px,1rem + .5vw,21px);
  --t-xl: clamp(23px,1.2rem + 1.2vw,34px);
  --t-2xl: clamp(30px,1.4rem + 2.6vw,54px);
  --t-3xl: clamp(40px,1.6rem + 5vw,88px);
  --t-4xl: clamp(46px,1.5rem + 8.5vw,142px);

  --e1: 4px;
  --e2: 8px;
  --e3: 12px;
  --e4: 16px;
  --e5: 24px;
  --e6: 32px;
  --e7: 48px;
  --e8: 64px;
  --e9: 96px;
  --e10: 128px;
  --seccion: clamp(56px,7.5vw,110px);

  --ancho: 1280px;
  --canal: 24px;
  --grano: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  --rayas: repeating-linear-gradient(135deg,transparent 0 9px,rgba(255,255,255,.05) 9px 18px);
}