/* Navy and blue brand, with a distinct accent for each tool. */
:root{--mint:#d9f5f0;--rose:#f1e4fb;--sand:#ffead8;--lavender:#e7e9ff;--tool-accent:#079b97;--tool-light:#e5f8f5;--tool-alt:#587de8}
body[data-tool="savings"]{--tool-accent:#9256cf;--tool-light:#f5eafb;--tool-alt:#e96e9e}
body[data-tool="expenses"]{--tool-accent:#ec8651;--tool-light:#fff0e3;--tool-alt:#d8a83c}
body[data-tool="planner"]{--tool-accent:#7260d7;--tool-light:#efecff;--tool-alt:#469fda}
.hero-preview{background:radial-gradient(circle at 100% 0,#c5c2ff 0,transparent 55%),linear-gradient(135deg,#d7f7f1,#e4edff);border:1px solid #d7e6fa}
.sample-kpis>div:first-child{background:linear-gradient(135deg,#e5faf4,#f8fffc);border-color:#cdece3}
.sample-kpis>div:last-child{background:linear-gradient(135deg,#fff0e4,#fffaf6);border-color:#f5ddc8}
.sample-bars>div:nth-child(1){background:#577ad6}.sample-bars>div:nth-child(2){background:#36b3a6}.sample-bars>div:nth-child(3){background:#a27bdb}.sample-bars>div:nth-child(4){background:#f3a36e}
.floating-note{background:#fff9e9;border-color:#edddad}.floating-note .icon{color:#b7862a}
.art{background:linear-gradient(135deg,#ddf8f1,#c2eae8);isolation:isolate}
.art.rose{background:linear-gradient(135deg,#f4e6fc,#e4d4f5)}.art.sand{background:linear-gradient(135deg,#fff0dd,#f7d6bd)}.art.lavender{background:linear-gradient(135deg,#edf0ff,#d7d9fa)}
.art:before,.art:after{content:'';position:absolute;z-index:-1;border-radius:50%;width:170px;height:170px;border:28px solid #ffffff40;top:-75px;right:-35px}
.art:after{width:110px;height:110px;border-width:20px;left:-30px;top:auto;bottom:-60px}
.art .mini-panel{box-shadow:0 15px 36px #17345b18;border:1px solid #ffffffb0}.art .mini-panel .mini-row:last-child{color:#087e7c}
.art.rose .mini-panel .mini-row:last-child{color:#9256cf}.art.sand .mini-panel .mini-row:last-child{color:#c86b37}.art.lavender .mini-panel .mini-row:last-child{color:#7260d7}
.art.rose .mini-progress i{background:linear-gradient(90deg,#a579d5,#d891c4)}.art.lavender .mini-check.done .check-box{background:#8c80cd;border-color:#8c80cd}
.tool-card:nth-child(1) .card-icon{background:#e2f6f0;color:#087e7c}.tool-card:nth-child(2) .card-icon{background:#f2e6fa;color:#9256cf}.tool-card:nth-child(3) .card-icon{background:#fff0df;color:#c86b37}.tool-card:nth-child(4) .card-icon{background:#ece9ff;color:#7260d7}
.tool-card .badge{color:#52647e;background:#f7f9fe;border-color:#e1e9f5}
.metric{border-top:3px solid var(--tool-accent);background:linear-gradient(135deg,var(--tool-light),#fff 80%)}
.metric:nth-child(2){border-top-color:#edab62;background:linear-gradient(135deg,#fff4e8,#fff 80%)}.metric:nth-child(3){border-top-color:#a08ad8;background:linear-gradient(135deg,#f2edfc,#fff 80%)}.metric:nth-child(4){border-top-color:#70a5d9;background:linear-gradient(135deg,#eaf4ff,#fff 80%)}
.bar-track{background:#f0f2f7}.bar-fill{background:var(--tool-accent)}.bar-row:nth-child(3n) .bar-fill{background:var(--tool-alt)}.bar-row:nth-child(3n + 1) .bar-fill{background:#e9ac70}
.analytics .panel:nth-child(2){background:linear-gradient(140deg,#fffefa,#fff);border-color:#ede8db}.guide-list li:before{background:var(--tool-light);color:var(--tool-accent)}
.sidebar .active .icon{color:var(--tool-accent)}.sidebar-note{background:linear-gradient(145deg,var(--tool-light),#fff);border-color:#e0e8eb}
.tag{background:var(--tool-light);color:var(--tool-accent)}.tag.rose{background:#fff0e5;color:#ad603b}.how{background:linear-gradient(135deg,#eff5ff,#f4f3ff)}
.backup-choice{border:1px solid #dce6f3;border-radius:10px;padding:18px;margin-top:16px;background:#f7faff}.backup-choice h3{margin:0;font-size:15px}.backup-choice p{margin:8px 0 16px}.tag{color:#0c726d}body[data-tool="savings"] .tag{color:#7741b4}body[data-tool="expenses"] .tag{color:#9c4c1b}body[data-tool="planner"] .tag{color:#5a46b7}.tag.rose{color:#9c4c1b}