/* ============================================================
   LUISA GRAJALES — SPACING, GRID & SURFACE SYSTEM
   "El espacio en blanco es sagrado: 40% mínimo de superficie
   libre." El espacio no es lo que sobró — es parte del diseño.
   ============================================================ */

:root {
  /* — Escala de espaciado (base 8, ritmo amplio) — */
  --space-1: 0.25rem;   /* 4 */
  --space-2: 0.5rem;    /* 8 */
  --space-3: 0.75rem;   /* 12 */
  --space-4: 1rem;      /* 16 */
  --space-5: 1.5rem;    /* 24 */
  --space-6: 2rem;      /* 32 */
  --space-7: 3rem;      /* 48 */
  --space-8: 4rem;      /* 64 */
  --space-9: 6rem;      /* 96 */
  --space-10: 8rem;     /* 128 · respiración de sección */
  --space-11: 12rem;    /* 192 · el vacío deliberado */

  /* — Retícula asimétrica · tensión 60/40 y 70/30 — */
  --grid-60-40: 60fr 40fr; /* @kind other */
  --grid-40-60: 40fr 60fr; /* @kind other */
  --grid-70-30: 70fr 30fr; /* @kind other */
  --grid-gutter: var(--space-8);

  /* — Anchos de contenido — */
  --measure-text: 62ch;       /* longitud de línea legible */
  --container-max: 1200px;
  --container-narrow: 760px;
  --page-margin: clamp(1.5rem, 6vw, 8rem);

  /* — Radios · geometría disciplinada, casi recta — */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;        /* tarjetas, inputs */
  --radius-lg: 8px;
  --radius-pill: 999px;    /* sólo etiquetas/badges discretos */

  /* — Bordes — */
  --border-hairline: 1px solid var(--line-hairline);
  --border-accent: 2px solid var(--bronce-ejecutivo); /* barra de autoridad */
  --border-on-dark: 1px solid var(--line-on-dark);

  /* — Sombras · mínimas, ejecutivas. Nunca dramáticas — */
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(17, 17, 17, 0.04),
                 0 8px 24px rgba(31, 58, 54, 0.06);
  --shadow-raised: 0 2px 4px rgba(17, 17, 17, 0.05),
                   0 18px 48px rgba(31, 58, 54, 0.10);

  /* — Transiciones · calma. Sin rebotes, sin urgencia — */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration: 240ms; /* @kind other */
  --duration-slow: 480ms; /* @kind other */
}