/* Minimal, opt-in base layer. Sets the paper background and the two brand
   families so any page linking styles.css starts on-brand. Nothing here styles
   components — components carry their own values. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--background);color:var(--text);font-family:var(--font-ui);font-weight:var(--weight-ui-medium);font-size:var(--size-body);line-height:var(--line-body);-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-tight);margin:0}
button,input,textarea,select{font:inherit;color:inherit}
a{color:var(--primary);text-decoration:none;font-weight:var(--weight-ui-bold)}
a:hover{opacity:.75}
a:active{opacity:.6}
::selection{background:var(--amber-tint);color:var(--ink)}