:root {
  --msl-ink: #111318;
  --msl-ink-soft: #2b3038;
  --msl-signal: #20e58f;
  --msl-signal-dark: #008f55;
  --msl-signal-soft: #caffdf;
  --msl-paper: #f7f8fa;
  --msl-white: #ffffff;
  --msl-muted: #667085;
  --msl-border: #dfe3e8;
  --msl-danger: #d92d20;
  --msl-font-sans: "Inter", "Manrope", Arial, sans-serif;
  --msl-radius-sm: 10px;
  --msl-radius-md: 16px;
  --msl-radius-lg: 24px;
  --msl-shadow-card: 0 18px 50px rgb(17 19 24 / 10%);
}

/* El verde eléctrico funciona como acento, no como color para párrafos. */
.msl-button-primary {
  background: var(--msl-ink);
  border: 1px solid var(--msl-ink);
  border-radius: var(--msl-radius-sm);
  color: var(--msl-white);
  font-family: var(--msl-font-sans);
  font-weight: 700;
  padding: 0.8rem 1.1rem;
}

.msl-button-primary:hover {
  box-shadow: 0 0 0 4px var(--msl-signal-soft);
}