:root {
  --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.06);
  --shadow-float: 0 2px 14px rgba(0, 0, 0, 0.14);
  --focus-ring: 0 0 0 2px var(--mg-teal-tint), 0 0 0 3px var(--mg-teal);

  /* Motion: this brand barely moves. Instant state changes; color-only hovers.
     No fades, bounces, or slides in operational UI. */
  --transition-hover: background-color 80ms linear, color 80ms linear, border-color 80ms linear;
}

/* Base element defaults */
body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-body);
  font-family: var(--font-sans);
  font-size: var(--text-base);
}
a { color: var(--link); }
a:hover { color: var(--link-hover); }
.mg-tabular { font-variant-numeric: tabular-nums; }