/* ==========================================================================
   LUCY COLSON — BASE RESET
   Minimal, editorial. Text is always pure ivory or pure black — see
   colors.css TEXT COLOR RULE. Links keep black glyphs; color lives only in
   the underline so link text obeys the same two-color rule as everything
   else.
   ========================================================================== */

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--surface-page);
  color: var(--text-primary);
  font: var(--text-body);
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}

h1, h2, h3, h4 { margin: 0; font-weight: normal; color: var(--text-primary); }

h1 { font: var(--text-display-2); }
h2 { font: var(--text-heading-1); }
h3 { font: var(--text-heading-2); }

p { margin: 0; }

a {
  color: var(--text-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: var(--color-moss);
  text-decoration-thickness: 1px;
  transition: text-decoration-color var(--duration-fast) var(--ease-standard);
}
a:hover {
  text-decoration-color: var(--color-bronze);
  text-decoration-thickness: 2px;
}

hr {
  border: none;
  border-top: 1px solid var(--divider);
  opacity: 0.5;
  margin: var(--space-6) 0;
}

::selection {
  background: var(--color-dark-olive);
  color: #FCFBF7;
}