/*
 * app — shell styles.
 *
 * Every value here references a token. No literal colors: scripts/check-tokens.js
 * fails the build on any hex, rgb(), or hsl() outside tokens.css.
 *
 * STATUS: placeholder. The real component vocabulary arrives with Minnie's
 * screens and replaces this file wholesale.
 */

body {
  margin: 0;
  font-family: var(--font-body);
  background: var(--brand-white);
  color: var(--brand-carbon-black);
}

h1 {
  font-family: var(--font-heading);
  font-weight: 600;
}

.placeholder {
  max-width: 40rem;
  margin: 0 auto;
  padding: 4rem 1.5rem;
}

.placeholder p {
  color: var(--brand-graphite);
}