/* =====================================================
   INDROX — SPACING, RADII, BORDERS, SHADOWS, MOTION
   The system is sharp and engineered: near-zero radii,
   hairline borders, restrained shadows, fast linear motion.
   ===================================================== */
:root {
  /* ---- Spacing scale (4px base) ---- */
  --sp-0:  0; /* @kind spacing */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-32: 128px;

  /* ---- Layout ---- */
  --container-max: 1240px;
  --container-pad: 48px;
  --grid-cell:     64px;   /* engineering background grid pitch */

  /* ---- Radii — intentionally minimal; INDROX is hard-edged ---- */
  --radius-none: 0;
  --radius-xs:   2px;   /* chips, swatches, plot frames */
  --radius-sm:   3px;   /* buttons, inputs, badges */
  --radius-md:   4px;   /* cards (rare) */
  --radius-pill: 999px; /* status dots only */

  /* ---- Border widths ---- */
  --bw-hairline: 1px;
  --bw-mark:     1.5px; /* icon stroke weight */

  /* ---- Shadows — used sparingly, only on print mockups / overlays ---- */
  --shadow-none: none;
  --shadow-sm:   0 4px 8px rgba(0,0,0,0.4);
  --shadow-md:   0 20px 40px rgba(0,0,0,0.5);
  --shadow-lg:   0 30px 60px rgba(0,0,0,0.6), 0 4px 8px rgba(0,0,0,0.4);
  --shadow-glow: 0 0 40px var(--accent-glow);

  /* ---- Motion — quick, linear, never bouncy ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-linear:   linear; /* @kind other */
  --dur-fast:   0.15s; /* @kind other */
  --dur-base:   0.2s; /* @kind other */
  --dur-slow:   0.3s; /* @kind other */

  /* ---- Blur (glass topbars / overlays) ---- */
  --blur-glass: 16px;

  /* ---- Z-index ---- */
  --z-base:    1; /* @kind other */
  --z-sticky:  100; /* @kind other */
  --z-overlay: 1000; /* @kind other */
}