:root {
  --mj-bg-base: #160510;
  --mj-bg-deep: #0c0309;
  --mj-bg-wine: #2a0a1c;
  --mj-bg-purple: #1c0d2e;

  --mj-pink: #ec1370;
  --mj-pink-strong: #e00e4d;
  --mj-pink-soft: #ff5c93;
  --mj-green: #00a077;
  --mj-green-soft: #1fcf9a;

  --mj-text-primary: #fdfaf9;
  --mj-text-secondary: #d8b9c6;
  --mj-text-muted: #9c8390;

  --mj-card-bg: #1d0e18;
  --mj-card-bg-soft: rgba(255, 255, 255, 0.03);
  --mj-card-border: rgba(255, 255, 255, 0.08);
  --mj-card-border-pink: rgba(236, 19, 112, 0.45);

  --mj-font-display: 'Cormorant Garamond', Georgia, serif;
  --mj-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --mj-radius-lg: 22px;
  --mj-radius-md: 16px;
  --mj-radius-pill: 999px;

  --mj-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.45);
  --mj-shadow-pink: 0 12px 28px rgba(224, 14, 77, 0.35);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  font-family: var(--mj-font-body);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

a {
  color: inherit;
  text-decoration: none;
}

svg {
  display: block;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--mj-pink-soft);
  outline-offset: 3px;
}