/* Base: tokens, typography, a11y */
:root{
  --brand:#07C067;
  --text:#111827;
  --text-muted:#6b7280;
  --surface:#ffffff;
  --border:#e5e7eb;
  --green: #07C067;      /* used by your site CSS */
  --line:  #e6e9ef;      /* light gray border token */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:#fafafa;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Sections */
.section{padding:24px}
.section--tight{padding-top:16px;padding-bottom:24px}

/* Headings */
h1,h2,h3{line-height:1.2;margin:0 0 .5rem}
h2{font-size:1.375rem}

/* Utilities */
.visually-hidden{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* Links */
a{color:inherit}
a:hover,a:focus{text-decoration:underline}

/* Focus ring */
:focus-visible{outline:3px solid rgba(10,132,255,.35); outline-offset:2px}