/* ==========================================================================
   Mama Bear Law — Elevation, Border & Motion Tokens
   Cards use soft, low-contrast ambient shadows tuned to the aubergine ink
   (never pure-black). Motion is calm and confident — short fades and small
   lifts, no bounces.
   ========================================================================== */

:root {
  /* Shadows — colored by the ink, kept soft */
  --shadow-xs: 0 1px 2px rgba(23, 5, 43, 0.06);
  --shadow-sm: 0 2px 8px rgba(23, 5, 43, 0.06);
  --shadow-md: 0 8px 24px rgba(23, 5, 43, 0.08);
  --shadow-lg: 0 18px 44px rgba(23, 5, 43, 0.12);
  --shadow-xl: 0 30px 70px rgba(23, 5, 43, 0.18);

  /* Glow accents (for dark grounds) */
  --glow-teal: 0 0 32px rgba(48, 221, 210, 0.35);
  --glow-purple: 0 0 32px rgba(118, 0, 189, 0.40);

  /* Focus */
  --focus-width: 3px;
  --focus-ring-shadow: 0 0 0 var(--focus-width) rgba(50, 114, 234, 0.5);

  /* Borders */
  --border-width: 1px;
  --border-width-thick: 2px;

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);

  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 340ms;

  --transition-base: all var(--dur-base) var(--ease-standard);
}