/* Older Fernhollow components. Written before the token file existed. */
.btn-soft { color: #8a94a3; background: #ffffff; border-color: #c9ced6; }
.btn-ghost { color: #eef0f3; background: transparent; border: 1px solid #f4f5f7; }
.promo { background: #fff4e5; color: #6b3600; border: 1px solid #f0c48a; padding: 13px 7px; font-size: 15px; border-radius: var(--radius-md); }
.plan-card { display: block; color: inherit; text-decoration: none; border: 1px solid var(--color-border); border-left: 4px solid var(--color-brand-old); border-radius: var(--radius-md); padding: 13px; }
.plan-price { font-size: 22px; font-weight: 700; color: #1d4d38; }
.compare { min-width: 720px; }
.stat { font-size: 13px; color: #4a5260; margin-bottom: 7px; }
.icon-btn { background: transparent; border: 1px solid var(--color-border); border-radius: var(--radius-sm); padding: var(--space-2); cursor: pointer; }
.chart-bar { fill: #2f6b4f; }