/* ==========================================================================
   NMF Digital — Effects: radii, borders, shadows, motion
   ========================================================================== */
:root {
  /* Corner radii — generous, friendly; pills for actions */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   28px;
  --radius-2xl:  40px;
  --radius-pill: 999px;

  /* Borders */
  --border-width:      1px; /* @kind spacing */
  --border-width-thick:2px; /* @kind spacing */
  --border-hairline:   1px solid var(--border-subtle);

  /* Elevation — soft, cool-tinted shadows (magenta-tinted, never pure black) */
  --shadow-xs:  0 1px 2px rgba(20, 4, 15, 0.06);
  --shadow-sm:  0 2px 8px rgba(20, 4, 15, 0.08);
  --shadow-md:  0 8px 24px rgba(46, 13, 50, 0.10);
  --shadow-lg:  0 18px 48px rgba(46, 13, 50, 0.14);
  --shadow-xl:  0 32px 80px rgba(20, 4, 15, 0.22);
  /* Brand glow — for hovered CTAs and hero accents */
  --shadow-brand: 0 12px 32px rgba(225, 20, 134, 0.32);
  --shadow-brand-lg: 0 20px 60px rgba(225, 20, 134, 0.40);

  /* Inner shadow for inputs / sunken wells */
  --shadow-inset: inset 0 1px 2px rgba(20, 4, 15, 0.08);

  /* Motion — quick, confident; gentle overshoot on entrances */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 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:   360ms; /* @kind other */

  /* Blur for glass surfaces over gradient/imagery */
  --blur-glass: blur(16px); /* @kind other */
}