/* Colección Montés — Espacio, líneas, radios
   Grids limpios. Esquinas rectas en editorial. Sin sombras decorativas. */

:root {
  /* Escala de espacio (base 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* Márgenes editoriales — mucho aire alrededor del texto */
  --margin-post: 88px;   /* margen interior de un post 1080px */
  --margin-tight: 56px;

  /* Líneas finas (elementos gráficos) */
  --hairline-w: 1px;     /* render mínimo fiable; conceptualmente 0.5px */
  --rule-w: 2px;

  /* Radios — editorial = esquinas rectas. Radio sólo en UI funcional. */
  --radius-none: 0px;     /* editorial, fotos, secciones */
  --radius-ui: 2px;       /* inputs / chips funcionales, casi recto */
  --radius-pill: 999px;   /* sólo botones tipo cápsula cuando aplica */

  /* Sin sistema de sombras decorativas. Única elevación permitida:
     un velo sutil para tarjetas de UI sobre crema (no en editorial). */
  --elevation-ui: 0 1px 2px rgba(2, 71, 49, 0.08);

  /* Transiciones — calmas, sin rebotes */
  --ease-calm: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}