/* ============================================================
   SERVY — SPACING, RADIUS, SHADOW, MOTION
   Enterprise-clean: tight corners, low-spread cool shadows
   ============================================================ */

:root {
  /* ---- Spacing (4px base) ---- */
  --space-0:  0;
  --space-1:  0.25rem;   /* 4  */
  --space-2:  0.5rem;    /* 8  */
  --space-3:  0.75rem;   /* 12 */
  --space-4:  1rem;      /* 16 */
  --space-5:  1.25rem;   /* 20 */
  --space-6:  1.5rem;    /* 24 */
  --space-8:  2rem;      /* 32 */
  --space-10: 2.5rem;    /* 40 */
  --space-12: 3rem;      /* 48 */
  --space-16: 4rem;      /* 64 */

  /* gutters */
  --gutter-screen: var(--space-5);   /* default screen padding */
  --gutter-card:   var(--space-4);

  /* ---- Radius (sharp / enterprise) ---- */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   10px;
  --radius-xl:   14px;
  --radius-2xl:  18px;
  --radius-pill: 999px;
  --radius-full: 50%;

  /* ---- Borders ---- */
  --border-hair:   1px;
  --border-thick:  1.5px;

  /* ---- Shadows (cool violet-tinted, subtle) ---- */
  --shadow-xs:  0 1px 2px rgba(36, 16, 80, 0.06);
  --shadow-sm:  0 1px 3px rgba(36, 16, 80, 0.07), 0 1px 2px rgba(36, 16, 80, 0.05);
  --shadow-md:  0 4px 12px rgba(36, 16, 80, 0.08), 0 2px 4px rgba(36, 16, 80, 0.05);
  --shadow-lg:  0 12px 28px rgba(36, 16, 80, 0.12), 0 4px 10px rgba(36, 16, 80, 0.06);
  --shadow-xl:  0 24px 48px rgba(36, 16, 80, 0.16);
  --shadow-primary: 0 10px 24px rgba(108, 60, 224, 0.32);
  --shadow-accent:  0 14px 34px rgba(192, 38, 168, 0.34);

  /* ---- Motion ---- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:    120ms; /* @kind other */
  --dur-base:    200ms; /* @kind other */
  --dur-slow:    340ms; /* @kind other */
  --dur-deliberate: 600ms; /* @kind other */

  /* ---- Layout ---- */
  --screen-max: 430px; /* @kind other */
  --dock-height: 76px; /* @kind spacing */
  --tap-min: 44px; /* @kind spacing */
  --header-height: 56px; /* @kind spacing */
}