/* ============================================================
   NUKON USA — SPACING & LAYOUT
   8px base (LOCKED). Whitespace is a brand feature: when in doubt,
   step UP one token rather than down.
   ============================================================ */
:root {
  /* LOCKED steps */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-16: 128px;

  /* DERIVED in-between + extremes */
  --space-0-5: 4px;
  --space-5: 40px;
  --space-7: 56px;
  --space-10: 80px;
  --space-20: 160px;
  --space-24: 192px;

  /* fluid rhythm */
  --section-y:    clamp(64px, 9vw, 128px); /* @kind spacing */
  --section-y-lg: clamp(96px, 13vw, 192px); /* @kind spacing */
  --gutter:       clamp(20px, 5vw, 64px); /* @kind spacing */
  --grid-gap:     clamp(16px, 1.6vw, 24px); /* @kind spacing */

  /* containers */
  --container:      1280px; /* @kind spacing */
  --container-wide: 1440px; /* @kind spacing */
  --container-text: 720px; /* @kind spacing */

  /* control sizing */
  --control-h-sm: 36px; /* @kind spacing */
  --control-h:    46px; /* @kind spacing */
  --control-h-lg: 56px; /* @kind spacing */

  /* z-index */
  --z-base: 0; /* @kind other */
  --z-raised: 10; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-nav: 200; /* @kind other */
  --z-rail: 300; /* @kind other */
  --z-overlay: 400; /* @kind other */
  --z-dialog: 500; /* @kind other */
  --z-toast: 600; /* @kind other */
  --z-cursor: 900; /* @kind other */
}