/* ============================================================
   Helvia Console — Spacing, radii & layout tokens
   Everything derives from the 4px base unit (@spacer).
   Spacing utilities in the app run .p-{n}/.m-{n} where n*4px.
   ============================================================ */
:root {
  /* ---- Base unit ---- */
  --spacer: 4px;

  /* ---- Spacing scale (n * 4px) ---- */
  --space-0: 0;
  --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;

  /* ---- antd padding aliases (used throughout component styles) ---- */
  --padding-xss: 4px;
  --padding-xs: 8px;
  --padding-sm: 12px;
  --padding-md: 16px;
  --padding-lg: 24px;

  /* ---- Layout ---- */
  --layout-header-height: 64px;
  --layout-footer-height: 70px;

  /* ---- Z-index ladder (from utils.less) ---- */
  --z-index-0: 0;            /* @kind other */
  --z-index-dropdown: 1050;  /* @kind other */
  --z-index-modal: 1000;     /* @kind other */
  --z-index-tooltip: 1070;   /* @kind other */
}
