/* ============================================================
   DS SIGHT — Spacing & Layout Tokens
   Luxury needs negative space. Generous, on a 4px base grid.
   ============================================================ */

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

  /* ---- Radii (12px is the brand card radius) ---- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;  /* Cards, modals */
  --radius-lg:   16px;
  --radius-pill: 999px;

  /* ---- Layout ---- */
  --container-max: 1240px; /* @kind spacing */
  --container-pad: 24px; /* @kind spacing */
  --gutter:        24px; /* @kind spacing */

  /* ---- Hairline widths ---- */
  --line-thin:   0.5px; /* @kind spacing */
  --line-base:   1px; /* @kind spacing */

  /* ---- Z-index scale ---- */
  --z-base:    0; /* @kind other */
  --z-raised:  10; /* @kind other */
  --z-sticky:  100; /* @kind other */
  --z-overlay: 1000; /* @kind other */
  --z-modal:   1100; /* @kind other */
  --z-toast:   1200; /* @kind other */
}