:root {
  /* BYT-USA-1 — BeforeYouTap.com visual identity */
  --nt-bg: #F4FBFC;
  --nt-bg-soft: #FFFFFF;
  --nt-panel: rgba(255, 255, 255, .90);
  --nt-cream: #E8FBF8;
  --nt-white: #FFFFFF;
  --nt-black: #0B1220;
  --nt-navy: #062B6F;
  --nt-navy-2: #0B3A82;
  --nt-slate: #45576D;
  --nt-slate-2: #173150;
  --nt-muted: #728399;
  --nt-border: rgba(6, 43, 111, .14);
  --nt-border-strong: rgba(6, 43, 111, .30);
  --nt-teal: #17BFAE;
  --nt-teal-2: #42DCCB;
  --nt-teal-dark: #0B8F84;
  --nt-red: #17BFAE;       /* legacy accent variable now mapped to brand teal */
  --nt-red-2: #42DCCB;
  --nt-red-dark: #0B8F84;
  --nt-danger: #DC2626;
  --nt-yellow: #FFE36E;
  --nt-green: #047857;
  --nt-amber: #B45309;
  --nt-radius-sm: 12px;
  --nt-radius: 16px;
  --nt-radius-lg: 22px;
  --nt-radius-xl: 30px;
  --nt-shadow-hard: 0 22px 52px rgba(6, 43, 111, .16);
  --nt-shadow-hard-soft: 0 14px 34px rgba(6, 43, 111, .12);
  --nt-shadow: 0 22px 70px rgba(6, 43, 111, .16);
  --nt-shadow-soft: 0 12px 30px rgba(6, 43, 111, .08);
  --nt-safe-bottom: env(safe-area-inset-bottom, 0px);
  --nt-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nt-font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nt-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}