/* ============================================================
   Driventia — Spacing, radii, borders, shadows, motion
   Sharp-ish, engineered surfaces: small radii, hairline
   borders, deep ambient shadow, a lime glow for emphasis.
   ============================================================ */
:root {
  /* ---- Spacing scale (4px base) ---- */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* ---- Radii (kept tight — industrial, not soft) ---- */
  --radius-xs:   3px;
  --radius-sm:   6px;
  --radius-md:   8px;   /* default card */
  --radius-lg:   12px;
  --radius-pill: 999px;

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--border-card);
  --border-strong-rule: 1px solid var(--border-strong);
  --rule-accent: 2px solid var(--accent);  /* the lime eyebrow dash */

  /* ---- Shadows ---- */
  --shadow-card:  0 1px 0 rgba(255,255,255,0.02) inset, 0 8px 30px rgba(0,0,0,0.45);
  --shadow-pop:   0 18px 50px rgba(0,0,0,0.55);
  --shadow-glow:  0 0 0 1px var(--accent-glow), 0 0 24px var(--accent-glow);
  --focus-ring:   0 0 0 2px var(--color-bg), 0 0 0 4px var(--accent);

  /* ---- Layout ---- */
  --slide-w: 1280px;
  --slide-h: 720px;
  --slide-pad: 56px;
  --content-max: 1120px;

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   120ms;  /* @kind other */
  --dur-base:   220ms;  /* @kind other */
  --dur-slow:   420ms;  /* @kind other */
}