/* Loaded last so the selected colour mode always wins over a background theme. */
body[data-theme="light"]{--bg:#f5f6f8;--surface:#ffffff;--surface2:#edf0f4;--text:#151a22;--muted:#58677c;--border:#d7dde6;--shadow:0 12px 34px #1b243014;color:#151a22}body[data-theme="dark"]{--bg:#101318;--surface:#181c23;--surface2:#222833;--text:#edf1f7;--muted:#a2adbd;--border:#303846;--shadow:0 12px 34px #00000044;color:#edf1f7}body[data-theme="light"] .card{background:color-mix(in srgb,#fff var(--card-opacity,100%),transparent)!important;color:#151a22!important;border-color:#d7dde6!important}body[data-theme="dark"] .card{background:color-mix(in srgb,#181c23 var(--card-opacity,100%),transparent)!important}body[data-theme="light"] dialog,body[data-theme="light"] .search,body[data-theme="light"] .pill,body[data-theme="light"] .icon-btn{background:#fff!important;color:#151a22!important;border-color:#d7dde6!important}body[data-theme="light"] h1,body[data-theme="light"] h2,body[data-theme="light"] .app-name,body[data-theme="light"] .welcome strong{color:#151a22!important}body[data-theme="light"] .card p,body[data-theme="light"] .empty,body[data-theme="light"] .welcome p{color:#58677c!important}body[data-theme="light"] .app-icon{background:#edf0f4!important;color:#151a22!important}