/* ============================================================
   tokens.css — RentIP Solution (redesign)
   Mundo visual: papel frío + tinta + un solo acento verde.
   ============================================================ */
:root {
  /* Paleta (tema único, claro) */
  --paper: #F2F1EC;
  --paper-deep: #E9E7DE;
  --card: #FCFBF5;
  --ink: #1A1C19;
  --ink-80: rgba(26, 28, 25, .80);
  --ink-65: rgba(26, 28, 25, .65);
  --ink-40: rgba(26, 28, 25, .40);
  --line: rgba(26, 28, 25, .14);
  --line-strong: rgba(26, 28, 25, .30);
  --green: #0E8A46;          /* estructural: reglas, cinta, curado */
  --green-ink: #0B6E37;      /* verde con contraste AA sobre papel */
  --green-soft: rgba(14, 138, 70, .10);
  --term-bg: #161915;        /* único bloque oscuro del mundo (foto/slot) */
  --term-text: #EDEBE3;

  /* Tipografía (auto-hospedadas) */
  --font-display: 'Cabinet Grotesk', 'Archivo', sans-serif;
  --font-body: 'Satoshi', 'Hanken Grotesk', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Escala tipográfica fluida */
  --step--2: clamp(.72rem, .70rem + .14vw, .82rem);
  --step--1: clamp(.85rem, .82rem + .22vw, .95rem);
  --step-0:  clamp(1rem, .97rem + .28vw, 1.09rem);
  --step-1:  clamp(1.18rem, 1.10rem + .50vw, 1.40rem);
  --step-2:  clamp(1.46rem, 1.32rem + .85vw, 1.85rem);
  --step-3:  clamp(1.82rem, 1.58rem + 1.30vw, 2.45rem);
  --step-4:  clamp(2.22rem, 1.80rem + 2.05vw, 3.30rem);
  --step-5:  clamp(2.70rem, 2.00rem + 3.30vw, 4.30rem);

  /* Espacio / forma */
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.75rem; --sp-4: 2.75rem; --sp-5: 4.5rem;
  --radius: 2px;             /* un solo regla de esquinas: papel, casi filo */
  --shadow-card: 8px 12px 28px rgba(26, 28, 25, .10);
  --shadow-plate: 6px 8px 18px rgba(26, 28, 25, .16);

  /* Layout */
  --container: 1340px;
  --nav-h: 64px;

  /* Movimiento */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: .65s;

  /* Capas (documentadas) */
  --z-nav: 60;
  --z-menu: 55;
  --z-hero-photo: 1;
}