/* ============================================================
   DIGITAL PREMIUM — SPACING, RADIUS, LAYOUT TOKENS
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* ---- Radius ---- (brand uses generous, soft corners + full pills) */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   26px;   /* big content cards (the white "Horarios" card) */
  --radius-2xl:  36px;
  --radius-pill: 999px;  /* chips, CTAs, stat capsules                    */
  --radius-circle: 50%;

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-width-strong: 2px;

  /* ---- Layout ---- */
  --container-max: 1200px; /* @kind other */
  --container-narrow: 760px; /* @kind other */
  --gutter: clamp(16px, 4vw, 48px); /* @kind other */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}