:root {
  /* Primary colours */
  --mytqm-navy: #0B1D3A;
  --mytqm-teal: #00C4A0;
  --mytqm-teal-mid: #007A6B;
  --mytqm-sky-blue: #3CBFDE;
  --mytqm-slate: #4A6080;
  --mytqm-text-dim: #7B9CB8;

  /* Surfaces */
  --mytqm-light-mint: #F0F7F6;
  --mytqm-off-white: #E8F4FF;
  --mytqm-dark-surface: #112845;
  --mytqm-white: #FFFFFF;

  /* Status (UI only) */
  --mytqm-amber: #F0A04A;
  --mytqm-red: #F07070;
  --mytqm-green: #4CAF7D;

  /* Typography */
  --mytqm-font-primary: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

body {
  font-family: var(--mytqm-font-primary);
  color: var(--mytqm-navy);
  background-color: var(--mytqm-white);
}