/* Tropical — warm coral palette, rounded corners, playful */
[data-theme="tropical"] { --tacc: #ff6b6b; --t2: #26a69a; --tbg: #fff8e8; --ttext: #2d3b3a; }
[data-theme="tropical"] body { background: var(--tbg); color: var(--ttext); font-family: "Nunito", -apple-system, sans-serif; }
[data-theme="tropical"] .site-header { background: var(--tacc); border-bottom: 0; box-shadow: 0 2px 0 #ff8e8e; }
[data-theme="tropical"] .nav-links a, [data-theme="tropical"] .nav-logo-text { color: #fff; font-weight: 700; }
[data-theme="tropical"] .nav-links a:hover { color: #fff5d1; }
[data-theme="tropical"] .hero { background-color: var(--tacc); }
[data-theme="tropical"] .hero h1 { color: #fff; font-weight: 800; }
[data-theme="tropical"] .hero-tagline { color: #fff5d1; font-weight: 600; }
[data-theme="tropical"] .btn-primary { background: var(--t2); border-radius: 999px; font-weight: 700; padding: 11px 24px; }
[data-theme="tropical"] .btn-outline { border-color: #fff; color: #fff; border-radius: 999px; }
[data-theme="tropical"] .card { background: #fff; border: 0; border-radius: 14px; box-shadow: 0 4px 16px rgba(255,107,107,0.10); }
[data-theme="tropical"] .card-img { border-radius: 14px 14px 0 0; }
[data-theme="tropical"] .card-title a { color: var(--ttext); font-weight: 700; }
[data-theme="tropical"] .badge { background: var(--tacc); color: #fff; border-radius: 999px; padding: 4px 10px; font-weight: 700; }
[data-theme="tropical"] .section-title, [data-theme="tropical"] .page-title { color: var(--tacc); font-weight: 800; }
[data-theme="tropical"] .plan-strip { background: #ffe1b8; }
[data-theme="tropical"] .plan-item { background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
[data-theme="tropical"] .article-body h2 { color: var(--tacc); }
[data-theme="tropical"] .article-body h3 { color: var(--t2); }
[data-theme="tropical"] .article-body blockquote { background: #ffe1b8; border-left-color: var(--t2); border-radius: 0 12px 12px 0; }
[data-theme="tropical"] .site-footer { background: var(--t2); color: #fff; }
[data-theme="tropical"] .footer-brand strong, [data-theme="tropical"] .footer-links a { color: #fff; }