/* Awesomic — base element defaults. Light, minimal resets only. */

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

body {
  margin: 0;
  font-family: var(--font-cosmica);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  font-weight: var(--font-weight-regular);
  color: var(--text-body);
  background: var(--surface-canvas);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::placeholder { color: var(--color-ash); }
::selection { background: var(--color-obsidian); color: var(--color-snow); }

a { color: var(--color-link); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--color-link-hover); }