/* DWC — Effects: shadows, motion, background textures.
 * Shadows are soft and low-contrast (enterprise restraint). The signature background
 * is the deep-teal field with a faint dot grid, seen on hero & section slides. */
:root {
  /* Elevation — subtle, cool-tinted */
  --shadow-xs: 0 1px 2px rgba(20, 40, 40, 0.06);
  --shadow-sm: 0 2px 8px rgba(20, 40, 40, 0.08);
  --shadow-md: 0 8px 24px rgba(20, 40, 40, 0.10);
  --shadow-lg: 0 20px 48px rgba(20, 40, 40, 0.14);
  --shadow-bubble: 0 12px 30px rgba(20, 40, 40, 0.18);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 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: 360ms; /* @kind other */

  /* Signature dot-grid texture (use over --dwc-timber-green) */
  --dot-grid: radial-gradient(rgba(206, 238, 211, 0.10) 1.2px, transparent 1.2px); /* @kind other */
  --dot-grid-size: 22px 22px; /* @kind other */

  /* Hero teal gradient (subtle top-lit teal field) */
  --grad-hero: radial-gradient(120% 90% at 50% 0%, #1b3634 0%, var(--dwc-teal-900) 55%, var(--dwc-teal-950) 100%); /* @kind other */
}