/*
 * MedExPrep brand layer for the 2026 student UI.
 * Loaded after every other design-system file, only on medexprep.com (see Mpj_Site).
 * Same structure as MPJE Review; MedExPrep's own teal, blue and navy, and Inter.
 * The action teal is a shade darker than the marketing site's #179D99 so white
 * button text stays readable (WCAG AA).
 */
:root,
html body.mpj-ui {
  /* Brand */
  --mpj-navy: #14305a;
  --mpj-navy-2: #0e2346;
  --mpj-blue: #0f7d79;          /* the one action color: buttons, links, active nav */
  --mpj-blue-hover: #0b6663;
  --mpj-blue-soft: #e6f4f3;
  --mpj-blue-line: #b9dfdc;

  /* Accents */
  --mpj-teal: #1763a4;          /* secondary accent: MedExPrep blue */
  --mpj-teal-bright: #5fd4cc;   /* bright teal for buttons and highlights on dark banners */
  --mpj-teal-soft: #e8f1fa;
  --mpj-teal-line: #c3d9ef;
  --mpj-ink: linear-gradient(135deg, #0e2346 0%, #16386b 55%, #0f5f66 100%);

  /* Neutrals (MedExPrep slate) */
  --mpj-text: #1e293b;
  --mpj-muted: #556274;
  --mpj-faint: #8491a3;
  --mpj-focus: 0 0 0 3px rgba(15, 125, 121, 0.28);

  /* Mastery scale: light to dark teal */
  --mpj-m0: #d6e2e4;
  --mpj-m1: #9fd3cf;
  --mpj-m2: #4fb3ac;
  --mpj-m3: #138a85;
  --mpj-m4: #0e4f57;

  /* Type: Inter throughout, like medexprep.com */
  --mpj-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mpj-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Sign-in screen */
  --mpj-auth-ink: linear-gradient(150deg, #0e2346 0%, #15396d 50%, #0f6a6c 100%);
  --mpj-auth-accent: #0f7d79;
  --mpj-auth-accent-hover: #0b6663;
  --mpj-auth-tick: #8fe0da;
}

/* Inter reads best a touch heavier and tighter at heading sizes. */
html body.mpj-ui.mpj-site-medexprep h1,
html body.mpj-ui.mpj-site-medexprep h2,
html body.mpj-ui.mpj-site-medexprep .mpj-h1,
html body.mpj-ui.mpj-site-medexprep .mpj-h2,
html body.mpj-ui.mpj-site-medexprep .mpj-auth__title,
html body.mpj-ui.mpj-site-medexprep .mpj-auth__pitch {
  font-weight: 700;
  letter-spacing: -0.02em;
}