[data-plan="free"]{--tier-color:#52616b;--tier-bg:#f1f4f6}
[data-plan="plus"]{--tier-color:#506646;--tier-bg:#f3f6ed}
[data-plan="pro"]{--tier-color:#315f85;--tier-bg:#edf4fa}
[data-plan="premium"]{--tier-color:#79551e;--tier-bg:#fbf3e4}
.plan[data-plan],#plans section[data-plan]{border:1px solid var(--tier-color);border-top-width:5px;background:var(--tier-bg)}
.plan[data-plan] .plan-name,.plan[data-plan] .plan-price,#plans section[data-plan] h2{color:var(--tier-color)}
.plan[data-plan] .plan-badge{border-color:var(--tier-color);color:var(--tier-color)}
.plan[data-plan] .plan-action,#plans section[data-plan] button,body[data-plan] #checkout{background:var(--tier-color);border-color:var(--tier-color);color:#fffefa}
.plan[data-plan] .plan-action:hover,#plans section[data-plan] button:hover,body[data-plan] #checkout:hover{filter:brightness(.88)}
.plan[data-plan] .plan-action:focus-visible,#plans section[data-plan] button:focus-visible,body[data-plan] #checkout:focus-visible{outline:3px solid var(--tier-color);outline-offset:4px}
body[data-plan] #checkout-review{background:var(--tier-bg);border-color:var(--tier-color);border-top-width:5px}
body[data-plan] #checkout-price,body[data-plan] #checkout-review .step-label{color:var(--tier-color)}
