/* NextON Services — Shadows, motion, effects */
:root {
  /* Soft, cool-tinted elevation */
  --shadow-xs: 0 1px 2px rgba(18, 33, 31, 0.06);
  --shadow-sm: 0 1px 3px rgba(18, 33, 31, 0.08), 0 1px 2px rgba(18, 33, 31, 0.04);
  --shadow-md: 0 4px 12px rgba(18, 33, 31, 0.08), 0 2px 4px rgba(18, 33, 31, 0.04);
  --shadow-lg: 0 12px 28px rgba(18, 33, 31, 0.12), 0 4px 8px rgba(18, 33, 31, 0.05);
  --shadow-xl: 0 24px 48px rgba(18, 33, 31, 0.16);
  --shadow-brand: 0 8px 24px rgba(0, 96, 96, 0.22);

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

  /* Accent gradient (used sparingly for hero / data highlights) */
  --gradient-brand: linear-gradient(135deg, var(--teal-700) 0%, var(--green-600) 130%);
  --gradient-brand-soft: linear-gradient(135deg, var(--teal-50) 0%, var(--green-50) 100%);
}