/* eighthdoor — base element defaults.
   Light, airy canvas; Manrope as the document default. */

*, *::before, *::after { box-sizing: border-box; }

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

h1, h2, h3, h4 { margin: 0; color: var(--text-primary); }
h1 { font-family: var(--font-display); font-weight: var(--weight-light); font-size: var(--h1-size); line-height: var(--h1-line); }
h2 { font-family: var(--font-label);   font-weight: var(--weight-light); font-size: var(--h2-size); line-height: var(--h2-line); }
h3 { font-family: var(--font-text); font-weight: var(--weight-medium); font-size: var(--h3-size); line-height: var(--h3-line); }
h4 { font-family: var(--font-text); font-weight: var(--weight-regular); font-size: var(--h4-size); line-height: var(--h4-line); }
p  { margin: 0; }

a { color: inherit; text-decoration: none; }

::selection { background: var(--rose-200); color: var(--lunar-900); }