/* QuizPR3 learner design tokens, shared by the React PWA and standalone MPDS trainer.
   Visual contract only: no dependencies, clinical content, or learner data. */
:root {
  color-scheme: light;
  --qp-font: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;

  --qp-navy: #0b2d4d;
  --qp-blue: #005eb8;
  --qp-blue-hover: #084e90;
  --qp-blue-mid: #1976b9;
  --qp-blue-tint: #eaf4fb;
  --qp-focus: #ffc72c;

  --qp-page: #f2f5f8;
  --qp-surface: #ffffff;
  --qp-surface-soft: #f8fafc;
  --qp-surface-raised: #f5f9fc;
  --qp-line: #d6e0e8;
  --qp-line-strong: #b6cad9;
  --qp-ink: #142f45;
  --qp-muted: #526a7c;

  --qp-success: #247347;
  --qp-success-tint: #eaf5ed;
  --qp-warning: #916400;
  --qp-warning-tint: #fff7dd;
  --qp-danger: #b3261e;
  --qp-danger-tint: #fceded;

  --qp-radius-sm: .5rem;
  --qp-radius-md: .75rem;
  --qp-radius-lg: 1rem;
  --qp-shadow: 0 2px 10px rgb(11 45 77 / 6%);
  --qp-shadow-raised: 0 10px 30px rgb(11 45 77 / 9%);
  --qp-max-width: 1480px;
  --qp-min-target: 48px;

  /* Keep existing PWA semantic names as aliases to the shared source of truth. */
  --ems-navy: var(--qp-navy);
  --ems-blue: var(--qp-blue);
  --ems-medium-blue: var(--qp-blue-mid);
  --ems-pale-blue: var(--qp-blue-tint);
  --ems-accent: var(--qp-focus);
}