/* Ravel+ subscription page */

/*
 * Pricing cards use bright rank backgrounds in light mode.
 * Keep the dark-theme rendering untouched, but switch the foreground to
 * dark text and restore semantic status colours for better readability.
 */
body.lightmode .card-pricing.rank .card-title,
body.lightmode .card-pricing.rank .specification-list li .name-specification,
body.lightmode .card-pricing.rank .price,
body.lightmode .card-pricing.rank .card-price .text {
    color: #111213 !important;
}

body.lightmode .card-pricing.rank .specification-list li {
    border-bottom-color: rgba(17, 18, 19, 0.2) !important;
}

body.lightmode .card-pricing.rank .specification-list li .status-specification .green {
    color: #19733a !important;
}

body.lightmode .card-pricing.rank .specification-list li .status-specification .red {
    color: #b42318 !important;
}

body.lightmode .card-pricing.rank .btn-light {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #111213 !important;
}