/* Public pages: dashboard purple for buttons, green for links/focus */
:root {
    --public-purple: #25104a;
    --public-purple-hover: #1a0a38;
    --public-accent: #35d477;
    --public-surface: #1c1c1c;
    --public-line: #2a2a2a;
}

.bg-rose-600,
#nav li.bg-white,
#nav li.bg-rose-600,
a.rounded-full.bg-white,
button.rounded-full.bg-white,
.twofa-guest__submit,
footer.bg-rose-700 #submit-btn,
.guest-page-footer #submit-btn {
    background-color: #25104a !important;
    color: #ffffff !important;
}

.bg-rose-600 a,
.bg-rose-600 svg,
#nav li.bg-white a,
#nav li.bg-white svg,
#nav li.bg-rose-600 a,
#nav li.bg-rose-600 svg,
a.rounded-full.bg-white svg,
button.rounded-full.bg-white svg {
    color: inherit !important;
}

.bg-rose-600:hover,
#nav li.bg-white:hover,
#nav li.bg-rose-600:hover,
a.rounded-full.bg-white:hover,
button.rounded-full.bg-white:hover,
.twofa-guest__submit:hover,
footer.bg-rose-700 #submit-btn:hover,
.guest-page-footer #submit-btn:hover {
    background-color: #1a0a38 !important;
}

.bg-rose-700 {
    background-color: #1c1c1c !important;
    border-top: 1px solid #2a2a2a;
}

.text-rose-300,
.text-rose-500,
.text-rose-600 {
    color: #35d477 !important;
}

.border-rose-500 {
    border-color: #35d477 !important;
}

.focus\:border-rose-300\/90:focus {
    border-color: #35d477 !important;
}

.focus\:ring-rose-300\/90:focus,
.focus\:ring-rose-500:focus {
    --tw-ring-color: rgba(53, 212, 119, 0.9);
}

input[type="checkbox"].text-rose-500 {
    accent-color: #35d477;
}