:root {
  /* Marvlus brand colours */
  --marvlus-navy: #1B2D54;
  --marvlus-blue: #1664E4;
  --marvlus-gray: #B7BECC;
  --marvlus-bg: #E0E6ED;
  --marvlus-white: #FFFFFF;

  /* Typography */
  --marvlus-font-heading: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --marvlus-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --marvlus-weight-heading: 700;
  --marvlus-weight-heading-alt: 600;
  --marvlus-weight-body: 400;
  --marvlus-weight-body-strong: 500;

  /* Radii & shadows (optional UI tokens) */
  --marvlus-radius-lg: 16px;
  --marvlus-radius-md: 12px;
  --marvlus-radius-sm: 10px;
}

.brand-marvlus {
  color: var(--marvlus-navy);
  font-family: var(--marvlus-font-body);
}

.brand-marvlus .heading {
  font-family: var(--marvlus-font-heading);
  font-weight: var(--marvlus-weight-heading);
}

.btn-marvlus {
  background: var(--marvlus-blue);
  color: var(--marvlus-white);
  border-radius: var(--marvlus-radius-md);
  padding: 0.75rem 1rem;
}
.btn-marvlus:hover {
  filter: brightness(0.95);
}