/* Warga actual-surface accent palette v2
   Color variables defined on BODY after legacy :root rules; active on every view.
   No red/green financial indicators, wallet/category user colors, or graph semantics are altered. */
body[data-warga-palette="forest"]{--bg:#f3f8f5;--surface:#ffffff;--surface2:#edf5f0;--text:#1d3930;--muted:#617c6e;--border:#dceae0;--accent:#216b51;--accent2:#e1f1e6;--accent-dark:#1b5a43;--button-bg:#226d52;--button-hover:#18533e;--sidebar-bg:#e8f3eb;--sidebar-tip-start:#d9eadb;--sidebar-tip-end:#ecf5ed;--hero-start:#276b55;--hero-end:#154636;--adv-start:#173e33;--adv-mid:#205941;--adv-end:#337153;--palette-shadow:rgba(35,91,63,.06)}
body[data-warga-palette="sage"]{--bg:#f4f6f1;--surface:#fcfdf9;--surface2:#ebf1e9;--text:#304436;--muted:#6e8072;--border:#dce6dc;--accent:#516e56;--accent2:#e2eee2;--accent-dark:#425d48;--button-bg:#516f56;--button-hover:#405a45;--sidebar-bg:#e5eee4;--sidebar-tip-start:#dceada;--sidebar-tip-end:#eef5eb;--hero-start:#567763;--hero-end:#365743;--adv-start:#345442;--adv-mid:#486c54;--adv-end:#739278;--palette-shadow:rgba(54,85,62,.055)}
body[data-warga-palette="teal"]{--bg:#f0f7f9;--surface:#fbfeff;--surface2:#e8f2f5;--text:#1d3940;--muted:#5f7d86;--border:#d9e7eb;--accent:#256d79;--accent2:#dff0f2;--accent-dark:#1a5660;--button-bg:#226c77;--button-hover:#175560;--sidebar-bg:#e3f1f3;--sidebar-tip-start:#d6ebed;--sidebar-tip-end:#edf6f7;--hero-start:#287582;--hero-end:#164b57;--adv-start:#173c49;--adv-mid:#235e69;--adv-end:#347a83;--palette-shadow:rgba(28,81,96,.055)}
body[data-warga-palette="moss"]{--bg:#f6f7ef;--surface:#fdfef9;--surface2:#f0f2e5;--text:#39422a;--muted:#797f64;--border:#e3e7d7;--accent:#667442;--accent2:#eaf0da;--accent-dark:#4e6032;--button-bg:#5d6c3b;--button-hover:#47562c;--sidebar-bg:#edf0de;--sidebar-tip-start:#e3ead3;--sidebar-tip-end:#f4f5e9;--hero-start:#6b7850;--hero-end:#465534;--adv-start:#37432d;--adv-mid:#546441;--adv-end:#78875b;--palette-shadow:rgba(79,93,49,.055)}
/* Dark mode uses dedicated backgrounds for each palette instead of overriding the chosen palette. */
body.dark[data-warga-palette="forest"]{--bg:#101b17;--surface:#1a2922;--surface2:#24382c;--text:#ecf6ef;--muted:#b4c9ba;--border:#345143;--accent:#a0dec0;--accent2:#284939;--accent-dark:#c5efd7;--button-bg:#296e50;--button-hover:#36805f;--sidebar-bg:#15261e;--sidebar-tip-start:#2c4a37;--sidebar-tip-end:#203b32;--hero-start:#235c45;--hero-end:#143a2d}
body.dark[data-warga-palette="sage"]{--bg:#19231d;--surface:#223028;--surface2:#2b3d32;--text:#eef5ee;--muted:#bfcec0;--border:#425648;--accent:#badcc0;--accent2:#334b3a;--accent-dark:#d4e8d6;--button-bg:#50775b;--button-hover:#658e6e;--sidebar-bg:#1c2c22;--sidebar-tip-start:#3a5340;--sidebar-tip-end:#30463a;--hero-start:#547462;--hero-end:#304938}
body.dark[data-warga-palette="teal"]{--bg:#101f24;--surface:#1a3036;--surface2:#244149;--text:#ebf7f9;--muted:#aac9cf;--border:#33515c;--accent:#91d6dc;--accent2:#255058;--accent-dark:#c7eff0;--button-bg:#26717d;--button-hover:#318594;--sidebar-bg:#132a31;--sidebar-tip-start:#254852;--sidebar-tip-end:#1c3642;--hero-start:#276e7c;--hero-end:#173f4b}
body.dark[data-warga-palette="moss"]{--bg:#1c2117;--surface:#292f21;--surface2:#35402b;--text:#f0f4e7;--muted:#c0cdb1;--border:#46543a;--accent:#d0dda7;--accent2:#3e4e2d;--accent-dark:#e0eabb;--button-bg:#647845;--button-hover:#798d55;--sidebar-bg:#222a1b;--sidebar-tip-start:#485638;--sidebar-tip-end:#343f2e;--hero-start:#697c4c;--hero-end:#3e5030}
/* Directly override the legacy hard-coded greens, including those in later CSS sections. */
body[data-warga-palette]{background:var(--bg);color:var(--text)}
body[data-warga-palette] .sidebar{background:var(--sidebar-bg);border-color:var(--border)}
body[data-warga-palette] .workspace{background:var(--bg)}
body[data-warga-palette] .card,body[data-warga-palette] .settings-panel,body[data-warga-palette] .wallet-card,body[data-warga-palette] .sync-simple{background:var(--surface);border-color:var(--border);box-shadow:0 4px 18px var(--palette-shadow)}
body[data-warga-palette] .stat-card{background:var(--surface)}
body[data-warga-palette] .primary,body[data-warga-palette] .brand-symbol,body[data-warga-palette] .warga-add-menu>summary.primary{background:var(--button-bg);color:#fff}
body[data-warga-palette] .primary:hover,body[data-warga-palette] .warga-add-menu>summary.primary:hover{background:var(--button-hover)}
body[data-warga-palette] .brand-symbol{background:linear-gradient(145deg,var(--button-bg),var(--button-hover));border-color:var(--accent);box-shadow:0 3px 12px var(--palette-shadow)}
body[data-warga-palette] .brand .brand-dot{color:var(--accent)}
body[data-warga-palette] .nav-link.active,body[data-warga-palette] .bottom-nav .active{background:var(--accent2);color:var(--accent-dark);box-shadow:inset 3px 0 var(--accent)}
body[data-warga-palette] .nav-link:hover,body[data-warga-palette] .bottom-nav button:hover{background:var(--accent2)}
body[data-warga-palette] .hero-card{background:linear-gradient(125deg,var(--hero-start),var(--hero-end))}
body[data-warga-palette] .adv-hero{background:linear-gradient(125deg,var(--adv-start),var(--adv-mid) 60%,var(--adv-end))}
body[data-warga-palette] .sidebar-tip{background:linear-gradient(145deg,var(--sidebar-tip-start),var(--sidebar-tip-end));border:1px solid var(--border);color:var(--text)}
body[data-warga-palette] .sidebar-tip p{color:var(--muted)}
body[data-warga-palette] .sidebar-tip button{background:var(--surface);color:var(--accent-dark)}
body[data-warga-palette] .topbar{border-color:var(--border)}
body[data-warga-palette] .pill,body[data-warga-palette] .secondary,body[data-warga-palette] .select-inline,body[data-warga-palette] .month-switch{background:var(--surface);color:var(--text);border-color:var(--border)}
body[data-warga-palette] input:not([type="radio"]):not([type="checkbox"]),body[data-warga-palette] select,body[data-warga-palette] textarea{accent-color:var(--accent)}
body[data-warga-palette] .warga-bar-group rect:first-of-type{fill:var(--accent)}
body[data-warga-palette] :where(a,button,input,select,summary):focus-visible{outline-color:var(--accent)}
body[data-warga-palette] .onboard-layer{background:radial-gradient(circle at 3% 0%,var(--hero-start),var(--hero-end) 65%,var(--adv-start))}
body[data-warga-palette] .onboard-art{background:linear-gradient(145deg,var(--hero-start),var(--hero-end) 70%,var(--adv-end))}
/* Picker uses small mock dashboard previews, not nearly identical colored dots. */
.warga-color-fieldset{margin:18px 0 20px;padding:0;border:0;min-width:0}
.warga-color-fieldset legend{font-weight:800;font-size:12px;color:var(--text);margin-bottom:8px}
.warga-palette-hint{font-size:11px;color:var(--muted);line-height:1.5;margin:3px 0 12px}
.warga-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.warga-palette-option{display:flex;flex-direction:column;gap:6px;cursor:pointer;min-width:0;position:relative}
.warga-palette-option>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.warga-palette-mini{display:block;position:relative;overflow:hidden;width:100%;height:64px;background:var(--preview-tint);border:2px solid var(--border);border-radius:11px}
.warga-palette-mini-sidebar{position:absolute;left:0;inset-block:0;width:25%;background:var(--preview-accent)}
.warga-palette-mini-card{position:absolute;left:34%;top:13px;height:20px;width:54%;border-radius:5px;background:#fff;box-shadow:0 1px 5px #00000019}
.warga-palette-mini-btn{position:absolute;left:36%;bottom:9px;width:40%;height:7px;border-radius:5px;background:var(--preview-accent)}
.warga-palette-option-name{font-size:11px;font-weight:750;text-align:center;color:var(--text)}
.warga-palette-option-check{display:none;color:var(--accent)}
.warga-palette-option>input:checked~.warga-palette-option-name .warga-palette-option-check{display:inline}
.warga-palette-option>input:checked+.warga-palette-mini{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent2)}
.warga-palette-option>input:focus-visible+.warga-palette-mini{outline:3px solid var(--accent);outline-offset:3px}
.warga-legal-links{margin-top:9px;font-size:11px;text-align:center;color:var(--muted)}
.warga-legal-links a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:500px){.warga-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warga-palette-mini{height:52px}}
@media(prefers-reduced-motion:reduce){.warga-palette-option *{transition:none}}
/* Keep wallet-special cards and the two KPI semantics intact. */
body[data-warga-palette] .wallet-card.note-wallet{background:linear-gradient(155deg,var(--surface),var(--surface2))}
body[data-warga-palette] .overview-kpis .stat-card:nth-child(1){background:linear-gradient(135deg,var(--surface) 0%,var(--surface) 65%,color-mix(in srgb,var(--accent) 9%,var(--surface)) 100%)}
body[data-warga-palette] .overview-kpis .stat-card:nth-child(2){background:linear-gradient(135deg,var(--surface) 0%,var(--surface) 65%,color-mix(in srgb,var(--negative) 7%,var(--surface)) 100%)}


/* Full-workspace palette consistency v3.
   Warga's actual overview banner is .overview-balance (not .hero-card).
   Keep meaningful income/expense states, categories and wallet-defined colors untouched. */
body[data-warga-palette="forest"]{--hero-mid:#267457;--hero-ornament:#d8e5b8;--hero-caption:#dcefe5;--hero-border:#80ac85;--soft-note:#edf5ec}
body[data-warga-palette="sage"]{--hero-mid:#62866b;--hero-ornament:#e2e3b9;--hero-caption:#ebf2e9;--hero-border:#a3b7a0;--soft-note:#edf2e8}
body[data-warga-palette="teal"]{--hero-mid:#277784;--hero-ornament:#b4dfe2;--hero-caption:#e0f3f6;--hero-border:#7bb7c0;--soft-note:#e7f3f5}
body[data-warga-palette="moss"]{--hero-mid:#718452;--hero-ornament:#e4e3b1;--hero-caption:#eff3e3;--hero-border:#aebc85;--soft-note:#f0f3e5}
body.dark[data-warga-palette="forest"]{--hero-mid:#24674d;--hero-ornament:#bfd9aa;--hero-caption:#e2f1e7;--hero-border:#4e936e;--soft-note:#223b2b}
body.dark[data-warga-palette="sage"]{--hero-mid:#557962;--hero-ornament:#cdd9b6;--hero-caption:#e3f1e7;--hero-border:#70977b;--soft-note:#304438}
body.dark[data-warga-palette="teal"]{--hero-mid:#2b7480;--hero-ornament:#b9e1e5;--hero-caption:#ddf2f4;--hero-border:#458d9b;--soft-note:#233d46}
body.dark[data-warga-palette="moss"]{--hero-mid:#697f4c;--hero-ornament:#d6e0ac;--hero-caption:#eaf0df;--hero-border:#849a62;--soft-note:#39432b}
body[data-warga-palette]{color-scheme:light}
body.dark[data-warga-palette]{color-scheme:dark}
body[data-warga-palette] .overview-balance{
 background:linear-gradient(115deg,var(--hero-end) 0%,var(--hero-start) 51%,var(--hero-mid) 100%);
 border:1px solid color-mix(in srgb,var(--hero-border) 63%,transparent);
 box-shadow:0 13px 34px color-mix(in srgb,var(--hero-end) 16%,transparent);
}
body[data-warga-palette] .overview-balance::after{border-color:color-mix(in srgb,var(--hero-ornament) 24%,transparent)}
body[data-warga-palette] .overview-balance::before{opacity:.22;filter:none}
body[data-warga-palette] .balance-label,
body[data-warga-palette] .native-heading,
body[data-warga-palette] .currency-token>span,
body[data-warga-palette] .note-currency-script{color:var(--hero-ornament)}
body[data-warga-palette] .balance-live-dot{background:var(--hero-ornament);box-shadow:0 0 0 5px color-mix(in srgb,var(--hero-ornament) 20%,transparent)}
body[data-warga-palette] .balance-hint,
body[data-warga-palette] .note-currency-script span{color:var(--hero-caption)}
body[data-warga-palette] .native-balances{background:color-mix(in srgb,var(--hero-end) 19%,transparent);border-color:color-mix(in srgb,var(--hero-ornament) 23%,transparent)}
body[data-warga-palette] .currency-token{background:color-mix(in srgb,var(--hero-ornament) 9%,transparent);border-color:color-mix(in srgb,var(--hero-ornament) 38%,transparent)}
body[data-warga-palette] .balance-actions button:first-child{color:var(--hero-end)}
body[data-warga-palette] .balance-decoration div{border-color:color-mix(in srgb,var(--hero-ornament) 38%,transparent)}
body[data-warga-palette] .balance-decoration div+div{border-color:color-mix(in srgb,var(--hero-ornament) 16%,transparent)}
body[data-warga-palette] .overview-jump-row button,
body[data-warga-palette] .adv-nav-item,
body[data-warga-palette] .quick-review,
body[data-warga-palette] .quick-help-note{border-color:var(--border)}
body[data-warga-palette] .adv-nav-item.active,
body[data-warga-palette] .adv-tabs button.active,
body[data-warga-palette] .power-tabs button.active{background:var(--accent2);color:var(--accent-dark);box-shadow:inset 3px 0 var(--accent)}
body[data-warga-palette] .adv-nav-item.active .adv-nav-icon{background:var(--surface2);color:var(--accent-dark);border-color:var(--border)}
body[data-warga-palette] .adv-nav-icon{color:var(--accent)}
body[data-warga-palette] .adv-hero{border-color:color-mix(in srgb,var(--hero-border) 54%,transparent)}
body[data-warga-palette] .adv-hero::after{border-color:color-mix(in srgb,var(--hero-ornament) 24%,transparent);box-shadow:0 0 0 14px color-mix(in srgb,var(--hero-ornament) 5%,transparent),0 0 0 45px color-mix(in srgb,var(--hero-ornament) 4%,transparent)}
body[data-warga-palette] .adv-hero h1 em,
body[data-warga-palette] .adv-eyebrow,
body[data-warga-palette] .adv-hero-mark{color:var(--hero-ornament)}
body[data-warga-palette] .adv-hero p{color:var(--hero-caption)}
body[data-warga-palette] .adv-gold-dot{background:var(--hero-ornament)}
body[data-warga-palette] .adv-hero-mark{border-color:var(--hero-border);outline-color:color-mix(in srgb,var(--hero-ornament) 35%,transparent)}
body[data-warga-palette] .quick-review,
body[data-warga-palette] .quick-help-note,
body[data-warga-palette] .more-hero{background:var(--soft-note);color:var(--text);border-color:var(--border)}
body[data-warga-palette] .more-hero-icon{color:var(--accent-dark);background:var(--accent2)}
body[data-warga-palette] .onboard-option.is-featured{background:var(--accent2);border-color:var(--accent);color:var(--text)}
body[data-warga-palette] .onboard-option.is-featured .onboard-option-icon{background:var(--button-bg);color:#fff}
body[data-warga-palette] .onboard-option:hover{border-color:var(--accent)}
body[data-warga-palette] .spendee-mark,
body[data-warga-palette] .spendee-setting,
body[data-warga-palette] .spendee-drop{background:var(--accent2);border-color:var(--border);color:var(--accent-dark)}
body[data-warga-palette] .migration-coverage>div,
body[data-warga-palette] .migration-extra-upload{background:var(--surface2);border-color:var(--border)}
body[data-warga-palette] .migration-balance-item,
body[data-warga-palette] .migration-checklist button{border-color:var(--border)}
body[data-warga-palette] .migration-checklist button:hover{border-color:var(--accent);background:var(--accent2)}
body[data-warga-palette] .sidebar .nav-kicker{color:var(--muted)}
body[data-warga-palette] .topbar-subtitle{color:var(--muted)}
body[data-warga-palette] .brand-dot,
body[data-warga-palette] .brand .brand-dot{color:var(--accent)!important}
body[data-warga-palette] .sidebar-tip button{background:var(--surface);color:var(--accent-dark)}
body[data-warga-palette] .bottom-nav{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--border)}
body[data-warga-palette] .bottom-nav button.active{color:var(--accent-dark)}
body[data-warga-palette] .hero-card .eyebrow{color:var(--hero-ornament)}
body[data-warga-palette] .hero-card p{color:var(--hero-caption)}
body[data-warga-palette] .warga-palette-option>input{accent-color:var(--accent)}
/* Real mini-dashboard previews: same palettes in light and dark mode. */
.warga-palette-option[data-warga-preview="forest"]{--mini-page:#f3f8f5;--mini-side:#d7eadd;--mini-card:#fff;--mini-action:#216b51;--mini-bar:#216b51}
.warga-palette-option[data-warga-preview="sage"]{--mini-page:#f4f6f1;--mini-side:#dce9da;--mini-card:#fcfdf9;--mini-action:#516e56;--mini-bar:#516e56}
.warga-palette-option[data-warga-preview="teal"]{--mini-page:#f0f7f9;--mini-side:#d4eaef;--mini-card:#fbfeff;--mini-action:#256d79;--mini-bar:#256d79}
.warga-palette-option[data-warga-preview="moss"]{--mini-page:#f6f7ef;--mini-side:#e5ead3;--mini-card:#fdfef9;--mini-action:#667442;--mini-bar:#667442}
body.dark .warga-palette-option[data-warga-preview="forest"]{--mini-page:#101b17;--mini-side:#263b30;--mini-card:#254031;--mini-action:#a0dec0;--mini-bar:#a0dec0}
body.dark .warga-palette-option[data-warga-preview="sage"]{--mini-page:#19231d;--mini-side:#314c3b;--mini-card:#334938;--mini-action:#badcc0;--mini-bar:#badcc0}
body.dark .warga-palette-option[data-warga-preview="teal"]{--mini-page:#101f24;--mini-side:#23454e;--mini-card:#25474f;--mini-action:#91d6dc;--mini-bar:#91d6dc}
body.dark .warga-palette-option[data-warga-preview="moss"]{--mini-page:#1c2117;--mini-side:#39472e;--mini-card:#3e4932;--mini-action:#d0dda7;--mini-bar:#d0dda7}
.warga-palette-option .warga-palette-mini{background:var(--mini-page)}
.warga-palette-option .warga-palette-mini-sidebar{background:var(--mini-side)}
.warga-palette-option .warga-palette-mini-card{background:var(--mini-card)}
.warga-palette-option .warga-palette-mini-btn{background:var(--mini-action)}
.warga-palette-option .warga-palette-mini::after{content:'';position:absolute;left:35%;top:40px;width:48%;height:5px;border-radius:3px;background:var(--mini-bar);opacity:.36}
@media(max-width:500px){.warga-palette-option .warga-palette-mini::after{top:34px}}
/* Remove fixed light-green input styles in dark mode. */
body[data-warga-palette] .field input:focus,
body[data-warga-palette] .field select:focus,
body[data-warga-palette] .field textarea:focus{border-color:var(--accent)}