.design-system {
  --ds-color-primary: #2563eb;
  --ds-color-secondary: #10b981;
  --ds-color-gray-50: #f9fafb;
  --ds-color-gray-100: #f3f4f6;
  --ds-color-gray-900: #111827;
  --ds-space-2: 0.5rem;
  --ds-space-4: 1rem;
  --ds-space-6: 1.5rem;
  --ds-radius: 0.5rem;
  --ds-font-sans: system-ui, -apple-system, sans-serif;
  --ds-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  
  font-family: var(--ds-font-sans);
  background: var(--ds-color-gray-50);
  padding: var(--ds-space-6);
  border-radius: var(--ds-radius);
  border: 1px solid var(--ds-color-gray-100);
}

.ds-card {
  background: white;
  padding: var(--ds-space-4);
  border-radius: var(--ds-radius);
  box-shadow: var(--ds-shadow);
  margin-bottom: var(--ds-space-4);
}

.ds-button {
  background: var(--ds-color-primary);
  color: white;
  border: none;
  padding: var(--ds-space-2) var(--ds-space-4);
  border-radius: var(--ds-radius);
  font-family: var(--ds-font-sans);
  font-weight: 500;
  cursor: pointer;
  margin-right: var(--ds-space-2);
}

.ds-button--secondary {
  background: var(--ds-color-secondary);
}

.ds-text {
  color: var(--ds-color-gray-900);
  line-height: 1.6;
  margin: 0;
}