/* shared base for preview cards — design system tab */
@import url('../colors_and_type.css');

html, body {
  margin: 0;
  padding: 0;
  background: var(--sand);
  color: var(--ink);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

.card {
  width: 700px;
  box-sizing: border-box;
  padding: 24px 28px;
  background: var(--sand);
}

.card.bone   { background: var(--bone); }
.card.ink    { background: var(--ink); color: var(--bone); }
.card.terra  { background: var(--terracotta); color: var(--bone); }