:root {
  --da-alpha-ink: #121318;
  --da-ledger-green: #0b6b57;
  --da-signal-green: #14b886;
  --da-alpha-lime: #a6e22e;
  --da-data-blue: #2f6fed;
  --da-reserve-violet: #7a4cc2;
  --da-risk-amber: #d97706;
  --da-loss-red: #dc2626;
  --da-paper: #f8fafc;
  --da-surface: #ffffff;
  --da-muted: #64748b;
  --da-line: #dde5ed;
  --da-soft-green: #e8f7f1;
  --da-soft-blue: #eaf1ff;
  --da-soft-violet: #f1ecff;
  --da-soft-amber: #fff4df;
  --da-radius-card: 8px;
  --da-radius-button: 8px;
  --da-shadow-panel: 0 16px 50px rgba(18, 19, 24, 0.08);
  --da-font-ui: Inter, "Segoe UI", Arial, sans-serif;
}

.da-brand-surface {
  background: var(--da-paper);
  color: var(--da-alpha-ink);
  font-family: var(--da-font-ui);
  font-variant-numeric: tabular-nums;
}

.da-primary-button {
  align-items: center;
  background: var(--da-ledger-green);
  border-radius: var(--da-radius-button);
  color: #fff;
  display: inline-flex;
  font-weight: 700;
  gap: 0.5rem;
  justify-content: center;
  padding: 0.7rem 1rem;
}

.da-primary-button:hover {
  background: #084f42;
}

.da-secondary-button {
  align-items: center;
  background: #fff;
  border: 1px solid var(--da-line);
  border-radius: var(--da-radius-button);
  color: var(--da-alpha-ink);
  display: inline-flex;
  font-weight: 650;
  gap: 0.5rem;
  justify-content: center;
  padding: 0.7rem 1rem;
}

.da-card {
  background: #fff;
  border: 1px solid var(--da-line);
  border-radius: var(--da-radius-card);
  box-shadow: var(--da-shadow-panel);
}