/* =========================================================================
   BASE — global element defaults.
   Body + focus ring. No component styling here.
   ========================================================================= */

body{
  margin:0;
  background:var(--canvas);
  color:var(--green-deep);
  font-family:var(--body);
  font-size:16px;
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

:focus-visible{outline:3px solid var(--green);outline-offset:3px}