/* ValleyUnit Spacing Tokens
   4px base scale, section spacing, layout widths. */

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

  /* ── Responsive section spacing ── */
  --section-py:     clamp(48px, 8vw, 96px);
  --section-py-lg:  clamp(64px, 10vw, 120px);

  /* ── Layout widths ── */
  --max-w:          1280px;
  --max-w-narrow:   860px;
  --max-w-content:  680px;
  --max-w-cards:    1060px;
  --max-w-showcase: 1120px;

  /* ── Sidebar ── */
  --sidebar-w:  240px;
}