/* ===== SCALEX INFINITY — SPACING & LAYOUT TOKENS =====
   Base-4 rhythm; generous section spacing for a "spacious, luxury" feel. */
:root{
  --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; --space-32:128px; --space-40:160px; --space-48:192px;

  --section-padding-y: clamp(80px, 10vw, 192px);
  --section-padding-x: clamp(24px, 6vw, 96px);
  --content-max-width: 1280px;
  --content-max-width-narrow: 760px;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-none: 0px;

  --border-width-hairline: 1px;
  --border-width-default: 1px;
  --border-width-emphasis: 1.5px;

  --grid-cols-12: repeat(12, 1fr); /* @kind other */
  --gutter: clamp(16px, 2vw, 32px); /* @kind spacing */
}