/* Livespace design tokens come from the SDK's ls-tokens.css (linked in index.html). Use the token,
   never the hex — values can be retuned within a major version. Tokens are px on purpose. */

body {
  margin: 0;
  /* --font-sans names "Ubuntu", which index.html self-hosts (fonts/ubuntu.css). */
  font-family: var(--font-sans);
  color: var(--color-black-800);
  background: var(--color-white);
}

.ls-container {
  width: 100%;
  box-sizing: border-box;
  padding: var(--spacing-regular);
}

.ls-heading {
  color: var(--color-primary);
  font-size: var(--text-variant-h5);
  font-weight: var(--text-variant-h5--font-weight);
  line-height: var(--text-variant-h5--line-height);
  margin: 0 0 var(--spacing-regular);
}

.ls-body {
  color: var(--color-gray-900);
}

.ls-list {
  margin: 0;
  padding: 0;
}

.ls-list-item {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) 0;
  border-bottom: 1px solid var(--color-gray-300);
}

.ls-list-item dd {
  margin: 0;
}

.ls-muted {
  color: var(--color-gray-900);
  font-size: var(--text-variant-caption);
}

.ls-footer-text {
  display: block;
  margin-top: var(--spacing-lg);
  font-size: var(--text-variant-caption);
  color: var(--color-gray-800);
}