/* /apply — v2 skin. Loads AFTER styles.css + apply.css and only re-points the tokens
   they already consume, so the funnel's layout, behavior and apply.js stay untouched.
   Palette matches assets/site-v2.css (deep navy, warm off-white, pill buttons). */

:root {
  --bg-cream: #fcfbf8;
  --bg-white: #ffffff;
  --bg-green-light: #eef2fa;
  --bg-deep: #111c35;
  --primary-green: #1d2c4e;
  --primary-hover: #17254a;
  --accent-green: #5c6fa3;
  --accent-peach: #8fa3e6;
  --text-dark: #111c35;
  --text-gray: #3b4661;
  --text-faint: #6b7590;
  --border-color: #e3e7f0;
  --border-strong: #c9d0e0;
  --danger: #b3261e;
  --radius: 12px;
  --radius-lg: 18px;
  --font-sans: 'DM Sans', 'Plus Jakarta Sans', sans-serif;
}

.apply-body .step-title,
.apply-body .gate-modal-title,
.apply-body .logo-text,
.apply-body h1,
.apply-body h2 { font-family: 'Plus Jakarta Sans', 'DM Sans', sans-serif; font-weight: 600; letter-spacing: -0.02em; }

.apply-body .apply-btn,
.apply-body .apply-faq-btn { border-radius: 999px; }
.apply-body .apply-faq-btn,
.apply-body .apply-back,
.apply-body .faq-overlay-close { min-width: 44px; min-height: 44px; }
.apply-body button:focus-visible,
.apply-body a:focus-visible,
.apply-body summary:focus-visible {
  outline: 3px solid var(--primary-green);
  outline-offset: 3px;
}
.apply-body .option-btn { border-radius: 14px; }
.apply-body .apply-input,
.apply-body .apply-textarea { border-radius: 12px; }
.apply-body .apply-input:focus,
.apply-body .apply-textarea:focus { box-shadow: 0 0 0 3px rgba(29, 44, 78, 0.14); }

/* Selection must be unmistakable on the yes/no exclusion screens, where a mis-tap
   ends the session: a 2px brand border, a tint, and the check drawn instantly. */
.apply-body .option-btn { border-width: 2px; }
.apply-body .option-btn.selected {
  border-color: var(--primary-green);
  background: var(--bg-green-light);
  box-shadow: none;
}
.apply-body .option-check { transition: none; }
/* A disabled Next reads as "not yet", not as broken. */
.apply-body .apply-btn:disabled { opacity: 1; background: transparent; color: var(--text-faint); border: 1px solid var(--border-strong); }

/* "Yes, I'm interested" — smaller and quieter than the full-width Next buttons (owner call
   2026-09-15): a pill that fits its words, centred under the terms it asks you to read. */
.apply-body .gate-modal-yes,
.apply-body .gate-modal-yes:disabled {
  display: flex;
  width: auto;
  min-height: 42px;
  margin: 0 auto;
  padding: 10px 22px;
  font-size: 15px;
}