/* =========================================================================
   Delistaff Design System — BASE
   Element-level defaults built on the tokens. Sets the city surface by
   default; Delistaff.com pages add data-brand="delistaff" to <html>/<body>.
   ========================================================================= */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:92px;}

body{
  margin:0;
  background:var(--surface-page);
  color:var(--text-body);
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4{
  font-family:var(--font-head);
  color:var(--text-heading);
  line-height:var(--lh-tight);
  letter-spacing:var(--ls-display);
  margin:0;
  font-weight:var(--fw-black);
}
h1{font-size:var(--fs-display);}
h2{font-size:var(--fs-h2);}
h3{font-size:var(--fs-h3);letter-spacing:-.01em;}

p{margin:0;text-wrap:pretty;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
button{font-family:inherit;}

::selection{background:var(--brand-ink);color:var(--brand-mint);}

/* shared layout helper */
.ds-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}
[data-brand="delistaff"] .ds-wrap{max-width:var(--maxw-wide);}
