/* ============================================================
   4EBIT · Spacing, radius, shadow, layout tokens
   4px base grid. Cards are crisp: small radii, soft shadows,
   1px hairline borders. The brand reads engineered, not soft.
   ============================================================ */

:root {
  /* ---- Spacing (4px grid) ------------------------------ */
  --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.5rem;   /* 24 */
  --space-6: 2rem;     /* 32 */
  --space-7: 2.5rem;   /* 40 */
  --space-8: 3rem;     /* 48 */
  --space-9: 4rem;     /* 64 */
  --space-10: 5rem;    /* 80 */
  --space-12: 6rem;    /* 96 */

  /* ---- Radius ------------------------------------------ */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;   /* default card / control */
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* ---- Border width ------------------------------------ */
  --border-hairline: 1px;  /* @kind spacing */
  --border-thick: 2px;     /* @kind spacing */
  --accent-bar: 4px;       /* @kind spacing */

  /* ---- Shadows (soft, low-spread) ---------------------- */
  --shadow-xs: 0 1px 2px rgba(20,23,27,0.06);
  --shadow-sm: 0 1px 3px rgba(20,23,27,0.08), 0 1px 2px rgba(20,23,27,0.04);
  --shadow-md: 0 4px 12px rgba(20,23,27,0.08), 0 1px 3px rgba(20,23,27,0.05);
  --shadow-lg: 0 12px 32px rgba(20,23,27,0.12), 0 4px 8px rgba(20,23,27,0.06);
  --shadow-brand: 0 6px 20px rgba(205,19,24,0.28);

  /* ---- Layout ------------------------------------------ */
  --container-max: 1200px;     /* @kind spacing */
  --container-narrow: 760px;   /* @kind spacing */
  --gutter: var(--space-5);    /* @kind spacing */

  /* ---- Motion ------------------------------------------ */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);   /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --dur-fast: 120ms;   /* @kind other */
  --dur-base: 200ms;   /* @kind other */
  --dur-slow: 320ms;   /* @kind other */
}