:root {
  --mg-blue: #2457E7;
  --mg-orange: #FF8A3D;
  --mg-navy: #0E2A5B;
  --mg-paper: #F8F9FC;
  --mg-white: #FFFFFF;
  --mg-ink: #17243D;
  --mg-muted: #52627B;
  --mg-line: #CCD5E3;
  --mg-control: #75849B;
  --mg-blue-hover: #1944BF;
  --mg-blue-light: #EDF2FF;
  --mg-orange-ink: #98430A;
  --mg-orange-light: #FFF0E5;
  --mg-success: #166447;
  --mg-success-bg: #EAF7F0;
  --mg-error: #B42332;
  --mg-error-bg: #FFF0F1;
  --mg-warning: #805500;
  --mg-warning-bg: #FFF5D6;
  --mg-info: #214FA3;
  --mg-info-bg: #EDF3FF;
  --mg-radius: 16px;
  --mg-space: 8px;
}
/* Reference only: not connected to WordPress. */
.mg-button { background:var(--mg-blue);color:white;border:0;border-radius:12px;padding:12px 24px; }
.mg-button:hover { background:var(--mg-blue-hover); }
.mg-button:focus-visible { outline:3px solid var(--mg-blue);outline-offset:3px; }
.mg-button-accent { background:var(--mg-orange);color:var(--mg-navy); }