@import url('tokens.css');

body {
  background-color: var(--dga-color-bg);
  font-family: var(--dga-font-family);
}

.dga-section-title {
  color: var(--dga-color-title);
  font: 700 30px / 38px var(--dga-font-family);
}

.dga-section-card {
  background-color: var(--dga-color-surface);
  border: 1px solid var(--dga-color-border);
  border-radius: 16px;
  box-shadow: var(--dga-shadow-card);
  overflow: hidden;
  text-align: start;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  margin-bottom: 1rem;
}

.dga-section-card:hover {
  background-color: var(--dga-color-surface-hover);
  border-color: var(--dga-color-surface);
}

.dga-section-card .card-body {
  min-height: 200px;
}

.dga-card-icon {
  width: 64px;
  height: 64px;

  background-color: var(--dga-color-neutral);
  color: var(--dga-color-primary);
  font-size: 2.5rem;
  line-height: 1;
}

.dga-card-title {
  color: var(--dga-color-title);
  font: 400 2rem / 28px var(--dga-font-family);
}

.dga-card-text {



  color: var(--dga-color-primary);
  font: 500 1.2rem / 24px var(--dga-font-family);
  text-align: center;
}