/* ============================================================
   Studio Quattro — Spacing, radii, layout
   "Usá mucho espacio negativo." — el aire es parte del sistema.
   Base grid: 4px.
   ============================================================ */
:root {
  --sp-0:   0; /* @kind spacing */
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-5:   20px;
  --sp-6:   24px;
  --sp-8:   32px;
  --sp-10:  40px;
  --sp-12:  48px;
  --sp-16:  64px;
  --sp-20:  80px;
  --sp-24:  96px;
  --sp-32:  128px;
  --sp-40:  160px;

  /* ---- Radii ---- */
  /* Founders is a squared grotesk; brand leans hard-edged + full pills. */
  --radius-none: 0px;
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill: 999px;   /* capsule labels & CTAs (see real pieces) */

  /* ---- Layout ---- */
  --container-max: 1280px;  /* @kind other */
  --container-wide: 1600px; /* @kind other */
  --gutter:        var(--sp-6);
  --page-margin:   var(--sp-16);

  /* Editorial split ratio (image | content) */
  --split-narrow: 0.34fr; /* @kind other */
  --split-wide:   0.66fr; /* @kind other */
}