/* Current Loopd semantic colors, extracted from the app CSS. */
.loopd{--lp-background:#f7f6fe;--lp-card:#ffffff;--lp-ink:#030119;--lp-muted:#5c5578;--lp-border:#e2dff6;--lp-soft:#eae8fe;--lp-brand:#1d09f6;--lp-brand-ink:#1d09f6;--lp-primary:#030119;--lp-primary-ink:#ffffff;--lp-green:#087d3e;--lp-green-wash:#dbfce7;--lp-red:#c0303a;--lp-red-wash:#fee2e2;--lp-blue-wash:#e0e7ff;--lp-placeholder:#807a9c;--lp-ring:#1d09f6;--lp-action:#1807ca;--lp-action-ink:#ffffff;}
.loopd[data-theme="dark"]{--lp-background:#08061e;--lp-card:#100c30;--lp-ink:#e8e6fe;--lp-muted:#8b82c0;--lp-border:#2c2668;--lp-soft:#201a52;--lp-brand:#4535f8;--lp-brand-ink:#978efb;--lp-primary:#e8e6fe;--lp-primary-ink:#030119;--lp-green:#0cb85b;--lp-green-wash:#10281a;--lp-red:#ff8a8d;--lp-red-wash:#3a1416;--lp-blue-wash:#1c1b3a;--lp-placeholder:#736b9e;--lp-ring:#6e62f9;--lp-action:#978efb;--lp-action-ink:#030119;}