/* Shared design tokens and base styles for funnel pages (opt-in, thank-you). */

:root {
  --bg: #fafafa;
  --navy: #0a1233;
  --blue: #2954f0;
  --blue-dark: #1e40c9;
  --blue-pale: #eef3ff;
  --blue-pale-border: #d7e3fd;
  --red: #d21f1f;
  --red-dark: #b01818;
  --amber-bg: #fdf3e3;
  --amber-border: #f0deb4;
  --amber-star: #f5a623;
  --amber-text: #b5730a;
  --gold: #f0b429;
  --border: #e2e2e6;
  --card-bg: #ffffff;
  --gray-text: #000000;
  --text: #000000;
  --text-muted: #333333;
  --placeholder: #9a9a9a;
  --track: #e4e6ea;
  --footer-bg: #0a1233;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--navy);
}

.hp-field {
  position: absolute;
  left: -9999px;
}