/* ============================================================
   INFINI Stratégies — Spacing, radii, borders, shadows, motion, layout
   The brand is architectural and rectilinear: near-zero corner
   radii, hairline rules, hard edges. Shadows are rare and used
   only to lift true overlays — the system prefers borders + value
   contrast over soft elevation.
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --space-0:   0;
  --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 */

  /* ---- Radii (sharp brand — corners stay tight) ---- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   3px;
  --radius-md:   5px;    /* default control / card                 */
  --radius-lg:   8px;
  --radius-pill: 999px;  /* tags, avatars, marquee chips           */

  /* ---- Border widths ---- */
  --border-hairline: 1px;
  --border-regular:  1.5px;
  --border-bold:     2px;
  --border-heavy:    3px;  /* emphatic underlines / framed blocks  */

  /* ---- Shadows (used sparingly; neutral, never colored) ---- */
  --shadow-none: none;
  --shadow-sm:  0 1px 2px rgba(10,10,10,0.06);
  --shadow-md:  0 6px 18px rgba(10,10,10,0.10);
  --shadow-lg:  0 18px 48px rgba(10,10,10,0.18);
  --shadow-overlay: 0 28px 80px rgba(0,0,0,0.40);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
  --dur-marquee: 28s;    /* @kind other */

  /* ---- Layout ---- */
  --container-max: 1240px;
  --container-pad: clamp(1.25rem, 5vw, 4rem);
  --gutter:        2rem;

  /* ---- Z-index ---- */
  --z-base: 0; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-nav: 200; /* @kind other */
  --z-overlay: 900; /* @kind other */
  --z-modal: 1000; /* @kind other */
  --z-toast: 1100; /* @kind other */
}