@import url("modu-fonts.css");

:root {
  --modu-purple: #5b2d91;
  --modu-purple-dark: #492472;
  --modu-purple-light: #7a55b3;
  --modu-yellow: #f5c900;
  --modu-yellow-dark: #d6a900;
  --modu-ink: #2c2140;
  --modu-muted: #6e6486;
  --modu-bg: #f7f7fa;
  --modu-surface: #ffffff;
  --modu-border: #e7e3ef;
  --modu-success: #2e7d32;
  --modu-error: #d32f2f;
  --modu-radius-sm: 4px;
  --modu-radius: 8px;
  --modu-font-heading: "Comfortaa", "Trebuchet MS", sans-serif;
  --modu-font-body: "Montserrat", Arial, sans-serif;
}

.modu-logo {
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.modu-heading {
  font-family: var(--modu-font-heading);
  letter-spacing: 0;
}

.modu-body {
  font-family: var(--modu-font-body);
}

.modu-action {
  color: var(--modu-ink);
  background: var(--modu-yellow);
}

.modu-surface-dark {
  color: var(--modu-surface);
  background: var(--modu-purple-dark);
}