/* ============================================================
   DNEYE — SPACING, RADIUS, LAYOUT TOKENS
   4px base grid. Tight, precise — this is clinical software.
   ============================================================ */

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

  /* ---- Radii — small & crisp; the brand reads precise, not soft ---- */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --border-hair: 1px;    /* @kind spacing */
  --border-thick: 1.5px; /* @kind spacing */

  /* ---- Layout ---- */
  --container-sm: 720px;  /* @kind spacing */
  --container-md: 960px;  /* @kind spacing */
  --container-lg: 1200px; /* @kind spacing */
  --container-xl: 1400px; /* @kind spacing */
  --sidebar-w: 248px;     /* @kind spacing */
  --topbar-h: 56px;       /* @kind spacing */

  /* ---- Z-index ---- */
  --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 */
}