:root {
  --brand-blue: #2ca4e3; --brand-blue-dark: #1a7bb5; --brand-blue-deeper: #0f5a8a;
  --brand-green: #c3f26d; --brand-green-dark: #9dd44a;
  --white: #ffffff; --gray-50: #f8fafb; --gray-100: #f0f4f7;
  --gray-200: #e2e8ed; --gray-300: #c8d3dc; --gray-400: #94a3b8;
  --gray-500: #64748b; --gray-600: #475569; --gray-700: #334155;
  --gray-800: #1e293b; --gray-900: #0f172a;
  --text-primary: var(--gray-900); --text-secondary: var(--gray-600); --text-muted: var(--gray-400);
  --surface: var(--white); --surface-alt: var(--gray-50);
  --whatsapp: #25d366; --whatsapp-hover: #1da851;
  --section-py: clamp(4rem, 8vw, 7rem);
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-xl: 28px; --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08); --shadow-lg: 0 12px 40px rgba(0,0,0,.12);
  --shadow-xl: 0 24px 60px rgba(0,0,0,.16); --shadow-brand: 0 8px 30px rgba(44,164,227,.25);
  --ease-smooth: cubic-bezier(.4,0,.2,1);
  --duration-fast: 200ms; --duration-normal: 350ms; --duration-slow: 500ms;
  --status-error: #b42318;
}