/* Joco González — Spacing, radius, layout tokens */

:root {
  /* ---- Spacing scale ---- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* ---- Safe margin: mínimo 6% en cada borde ---- */
  --safe-margin: 6%;

  /* ---- Radius ---- */
  --radius-pill: 9999px;  /* badges SIEMPRE rounded-full */
  --radius-block: 0px;    /* bloques de color: esquinas rectas */
  --radius-photo: 0px;    /* fotos a sangre por defecto */

  /* ---- Canvas sizes (Instagram) ---- */
  --canvas-feed-w: 1080px;
  --canvas-feed-h: 1350px; /* 4:5 feed portrait */
  --canvas-square: 1080px; /* 1:1 */
  --canvas-story-w: 1080px;
  --canvas-story-h: 1920px; /* 9:16 story */

  /* ---- Borders ---- */
  --border-strong: 4px solid var(--navy);
  --border-strong-light: 4px solid var(--white);
}