:root {
  --navy: #0b2545;
  --navy-2: #13355f;
  --ice: #eaf4fb;
  --ice-2: #f5f9fd;
  --ink: #16202b;
  --slate: #475569;
  --muted: #64748b;
  --line: #e2e8f0;
  --leaf: #3e8e5a;
  --leaf-dark: #2f6f46;
  --leaf-soft: #e6f3ec;
  --mango: #f2a93b;
  --mango-dark: #9c5b00;
  --mango-soft: #fdf1dc;
  --red: #c2410c;
  --red-soft: #fdebdc;
  --wa-green: #075e54;
  --wa-bubble-out: #dcf8c6;
  --wa-bg: #e7dfd3;
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

html { -webkit-font-smoothing: antialiased; }

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--ink);
  background: #fff;
}

[hidden] { display: none !important; }

button { font-family: inherit; }
a { color: inherit; }

.sr-only {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}