/* manoshamanic — Base element defaults */

:root {
  color-scheme: light;
}

body.ms-base {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-body);
  font-family: var(--font-body);
  font-weight: var(--weight-body);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.ms-base h1, .ms-base h2, .ms-base h3,
.ms-display, .ms-heading {
  font-family: var(--font-heading);
  color: var(--text-body);
  font-weight: var(--weight-heading);
  line-height: var(--leading-heading);
  margin: 0;
}

.ms-display {
  font-weight: var(--weight-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
}

.ms-eyebrow {
  font-family: var(--font-ui);
  font-size: var(--text-micro);
  text-transform: uppercase;
  letter-spacing: var(--tracking-eyebrow);
  color: var(--text-accent);
  font-weight: var(--weight-body);
}

a { color: var(--text-accent); }

::selection {
  background: var(--ms-gold-soft);
  color: var(--ms-cacao);
}