html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-body)}

h1,h2,h3,h4{font-weight:700;letter-spacing:-0.02em;line-height:var(--lh-tight);color:var(--ink)}
h1{font-size:var(--fs-h1);letter-spacing:-0.03em;line-height:1.02}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3)}

p{color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body)}

.echo{color:var(--echo)}
.muted{color:var(--muted)}

.label{
  font-family:var(--sans);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:var(--muted);
}

.container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding-left:var(--gutter);
  padding-right:var(--gutter);
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  border:1.5px solid var(--ink);
  padding:12px 24px;
  font-family:var(--sans);font-size:15px;font-weight:500;
  background:#fff;color:var(--ink);
  border-radius:var(--r);
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s,color .15s;
}
.btn:hover{background:var(--ink);color:#fff}
.btn--primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn--primary:hover{background:var(--ink-soft)}
.btn--white{background:#fff;color:var(--ink);border-color:#fff}
.btn--sm{padding:8px 16px;font-size:13px}
.btn--lg{padding:14px 32px;font-size:16px;font-weight:600}

.chip{
  display:inline-block;
  border:1.5px solid var(--ink);
  padding:7px 14px;
  font-family:var(--sans);font-size:13px;font-weight:500;
  background:transparent;color:var(--ink);
  border-radius:var(--r);
  white-space:nowrap;
  cursor:pointer;
  transition:background .15s,color .15s;
}
.chip:hover{background:var(--ink);color:#fff}
.chip--active{background:var(--ink);color:#fff;border-color:var(--ink)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

a.link{
  border-bottom:1.5px solid var(--ink);
  padding-bottom:1px;
  font-weight:600;
}
a.link:hover{color:var(--muted);border-bottom-color:var(--muted)}
