:root {
  --dir-primary: #0ea5e9;
  --dir-text: #0b1220;
  --dir-muted: #6b7280;
  --dir-bg: #ffffff;
  --dir-card: #ffffff;
  --dir-radius: 16px;
  --dir-shadow: 0 10px 20px rgba(2, 6, 23, .08);
}

.drts .drts-view, .drts .drts-entity, .drts .drts-form {
  color: var(--dir-text);
}

.drts .drts-button, .drts .btn, .drts .button {
  border-radius: var(--dir-radius);
  box-shadow: var(--dir-shadow);
}

.drts .drts-button--primary, .drts .btn-primary {
  background: var(--dir-primary);
  border-color: var(--dir-primary);
}

.hello-dir-wrap {
  display: grid;
  gap: 1.25rem;
}

.drts .drts-view .drts-view-entities .drts-entity {
  background: var(--dir-card);
  border-radius: var(--dir-radius);
  box-shadow: var(--dir-shadow);
  overflow: hidden;
}