:root {
  --coral: #f54575;
  --violet: #8c1ae0;
  --gold: #c9a227;
}

html.marriage-theme {
  --coral: #146b5a;
  --violet: #0d5c4b;
}

html.marriage-theme body::before {
  background: radial-gradient(
    circle,
    rgba(20, 107, 90, 0.18) 0%,
    transparent 70%
  ) !important;
}

html.marriage-theme body::after {
  background: radial-gradient(
    circle,
    rgba(201, 162, 39, 0.12) 0%,
    transparent 70%
  ) !important;
}

html.marriage-theme .logo-name,
html.marriage-theme .btn,
html.marriage-theme .logo-icon {
  background: linear-gradient(135deg, var(--coral), var(--gold)) !important;
  -webkit-background-clip: text;
  background-clip: text;
}

html.marriage-theme .logo-icon,
html.marriage-theme .btn:not(.btn-outline) {
  background: linear-gradient(135deg, var(--coral), var(--gold)) !important;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #fff;
  color: #fff;
}

html.marriage-theme .icon-verify {
  background: linear-gradient(
    135deg,
    rgba(20, 107, 90, 0.15),
    rgba(201, 162, 39, 0.12)
  ) !important;
}

html.marriage-theme.premium-receipt {
  --coral: #146b5a;
  --violet: #0d5c4b;
}

html.marriage-theme.premium-receipt body {
  background: radial-gradient(
      circle at 12% 0%,
      rgba(20, 107, 90, 0.28),
      transparent 34%
    ),
    radial-gradient(circle at 88% 12%, rgba(201, 162, 39, 0.2), transparent 32%),
    #041612 !important;
}

html.marriage-theme.premium-receipt .eyebrow {
  color: #c9a227 !important;
}

html.marriage-theme.premium-receipt .icon {
  background: linear-gradient(135deg, #146b5a, #c9a227) !important;
  box-shadow: 0 16px 35px rgba(20, 107, 90, 0.26) !important;
}