/* ClinicalSwipe — brand continuity (Apr 14 2026, v2)
 *
 * Purple is ClinicalSwipe's identity. This file keeps purple CONSISTENT
 * across every page on clinicalswipe.com so the user never jolts between
 * purple (homepage) and teal/navy (product pages).
 *
 * Canonical ClinicalSwipe palette (purple):
 *   --cs-primary:       #7c3aed   (Tailwind violet-600, ClinicalSwipe primary)
 *   --cs-primary-deep:  #630ed4   (deep purple, gradient endpoint)
 *   --cs-primary-light: #8b5cf6   (violet-500, hover/active)
 *   --cs-lavender-bg:   #ede9fe   (lavender-100, surface tint)
 *   --cs-cream:         #fff8f5   (marketing hero bg)
 *   --cs-lavender-end:  #ece0ff   (marketing hero gradient end)
 *   --cs-text-dark:     #1e1b19   (near-black purple-brown)
 *   --cs-text-muted:    #4a4455   (muted purple-grey)
 *
 * This file does NOT:
 *   - recolor text to match backgrounds (the v1 bug that broke "Review AI-
 *     generated clinical documents. Earn per swipe.")
 *   - touch typography
 *   - set background-image: none (kills legit gradients)
 *   - use attribute selectors [style*="#xxx"] that cause cascading damage
 */

:root {
  --cs-primary: #7c3aed;
  --cs-primary-deep: #630ed4;
  --cs-primary-light: #8b5cf6;
  --cs-lavender-bg: #ede9fe;
  --cs-cream: #fff8f5;
  --cs-lavender-end: #ece0ff;
  --cs-text-dark: #1e1b19;
  --cs-text-muted: #4a4455;
}

/* ─── Legacy navy/teal override ──────────────────────────────────────────
   Some pages (app.html, join.html, swipe.html) were built with a teal +
   navy palette from an earlier migration. Their inline :root declarations
   are edited directly in the HTML to map --teal → purple, so this stylesheet
   only needs to handle edge cases where teal was hard-coded in class rules. */

/* Tailwind primary classes on legacy pages that hardcoded teal */
.bg-teal,
.bg-teal-600,
.bg-teal-700 {
  background-color: var(--cs-primary);
  color: #ffffff;
}
.text-teal,
.text-teal-600,
.text-teal-700 {
  color: var(--cs-primary);
}
.border-teal,
.border-teal-600 {
  border-color: var(--cs-primary);
}