/**
 * Anservo marketing design tokens
 * Shared across experience layers. Brand colors unchanged.
 */
:root {
  /* Brand (existing) */
  --ax-primary: #4F46E5;
  --ax-primary-deep: #3730A3;
  --ax-primary-hover: #4338CA;
  --ax-ink: #1E1B3A;
  --ax-body: #4B5563;
  --ax-white: #ffffff;
  --ax-lavender: #F6F6FB;
  --ax-tint: #EEF0FE;

  /* Healthcare accents */
  --ax-teal: #14b8a6;
  --ax-teal-soft: rgba(20, 184, 166, 0.14);
  --ax-cyan: #a5f3fc;
  --ax-health-green: #34d399;
  --ax-purple-accent: #818cf8;

  /* Motion */
  --ax-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ax-ease-out-quart: cubic-bezier(0.22, 1, 0.36, 1);
  --ax-ease-in-out-smooth: cubic-bezier(0.45, 0, 0.15, 1);
  --ax-duration-fast: 0.35s;
  --ax-duration-med: 0.65s;
  --ax-duration-slow: 1.1s;

  /* Depth */
  --ax-radius-lg: 26px;
  --ax-radius-xl: 30px;
  --ax-shadow-soft: 0 8px 32px rgba(30, 27, 58, 0.08);
  --ax-shadow-elevated: 0 24px 80px rgba(15, 18, 34, 0.45);
  --ax-glow-teal: rgba(137, 169, 148, 0.28);
  --ax-glow-sage: rgba(200, 217, 212, 0.35);
  --ax-glow-indigo: rgba(79, 70, 229, 0.18);

  /* Spacing scale */
  --ax-space-1: 8px;
  --ax-space-2: 16px;
  --ax-space-3: 24px;
  --ax-space-4: 40px;
  --ax-space-5: 64px;
  --ax-space-6: 88px;
}