:root {
  --matatie-ink: #1d2733;
  --matatie-muted: #667085;
  --matatie-line: #d8dee8;
  --matatie-brand: #0f766e;
  --matatie-accent: #b42318;
  --matatie-surface: #f8fafc;
}

body {
  color: var(--matatie-ink);
  background: var(--matatie-surface);
}

.matatie-shell {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
}

.matatie-page-header {
  border-bottom: 1px solid var(--matatie-line);
  padding-bottom: 16px;
}

.matatie-panel {
  background: #fff;
  border: 1px solid var(--matatie-line);
  border-radius: 8px;
  padding: 20px;
}

.btn-primary {
  --bs-btn-bg: var(--matatie-brand);
  --bs-btn-border-color: var(--matatie-brand);
}